Skip to main content
Version: 8.5.0

Getting started with THEOlive on Web

THEOlive delivers broadcast quality live streaming at sub-second latency, enabling interactivity and fan engagement.

Usage​

  1. Follow our Getting Started guide to set up THEOplayer in your web app or website.
  2. Add a THEOlive source to your player's source.

Add a THEOlive source​

After setting up your THEOplayer on your web page, set its source to a SourceDescription containing a THEOliveSource. You'll need a THEOlive channel ID:

const player = new THEOplayer.Player(element, configuration);
player.source = {
  sources: {
    type: 'theolive',
    src: 'your-channel-id',
  },
};

Add configuration​

Optionally, you can provide additional configuration to the player, specific for THEOlive streams. To configure these settings, add a theolive property to the player configuration. For an exhaustive list of these options, please visit the documentation.

var player = new THEOplayer.Player(element, {
    license: 'your-license',
    // This is needed for fallback to work properly
    retryConfiguration: {
        maxRetries: 6
    },
    theoLive: {
        externalSessionId: 'my-external-session-id',
        fallbackEnabled: true
    }
});

More information​