Channel Express

1var channelExpress = new sdk.express.ChannelExpress(options);

1channelExpress.dispose();

1options.webPlayerLoader = function (callback) {
2  var script = document.createElement('script');
3  script.onload = function () {
4    callback(window['phenix-web-player']);
5  };
6  script.src =
7    'https://dl.phenixrts.com/WebPlayer/2020.0.latest/phenix-web-player-bundled.min.js';
8
9  document.head.appendChild(script);
10};

1options.shakaLoader = function (callback) {
2  var script = document.createElement('script');
3  script.onload = function () {
4    callback(window.shaka);
5  };
6  script.src =
7    'https://ajax.googleapis.com/ajax/libs/shaka-player/2.5.14/shaka-player.compiled.js';
8
9  document.head.appendChild(script);
10};

1options.webPlayerLoader = (callback) => {
2  import(/* webpackChunkName: "phenix-web-player" */ 'phenix-web-player')
3    .then((module) => {
4      const webPlayer = module.default;
5
6      callback(webPlayer);
7    })
8    .catch((e) => {
9      console.error('Failed to load phenix web player', e);
10
11      callback(null);
12    });
13};

1options.shakaLoader = (callback) => {
2    import(/* webpackChunkName: "shaka-player" */ 'shaka-player').then(module => {
3        const shaka = module.default;
4        const canPlayHls: document.createElement('video').canPlayType('application/vnd.apple.mpegURL') === 'maybe';
5
6        if (!canPlayHls && !shaka.Player.isBrowserSupported()) {
7          shaka.polyfill.installAll();
8        }
9
10        callback(shaka);
11    }).catch(e => {
12        console.error('Failed to load shaka', e);
13
14        callback(null);
15    });
16};

1var options = {
2  alias: 'MyAwesomeChannel',
3  videoElement: document.querySelector('#myVideoId'),
4};
5
6channelExpress.joinChannel(
7  options,
8  function joinChannelCallback(error, response) {
9    if (error) {
10      // Handle error
11    }
12
13    if (response.status === 'room-not-found') {
14      // Handle channel not found - Create a Channel Or Publish to a Channel
15    } else if (response.status !== 'ok') {
16      // Handle error
17    }
18
19    // Successfully joined channel
20    if (response.status === 'ok' && response.channelService) {
21      // Do something with channelService
22    }
23  },
24  function subscriberCallback(error, response) {
25    if (error) {
26      // Handle error
27    }
28
29    if (response.status === 'no-stream-playing') {
30      // Handle no stream playing in channel - Wait for one to start
31    } else if (response.status !== 'ok') {
32      // Handle error
33    }
34
35    // Successfully subscribed to most recent channel presenter
36    if (response.status === 'ok' && response.mediaStream) {
37      // Do something with mediaStream
38    }
39
40    if (response.renderer) {
41      // Returned if videoElement option passed in - Do something with renderer
42
43      response.renderer.on('autoMuted', function handleAutoMuted() {
44        // The browser refused to play video with audio therefore the stream was started muted.
45        // Handle this case properly in your UI so that the user can unmute its stream
46      });
47
48      response.renderer.on('failedToPlay', function handleEnded(reason) {
49        if (reason === 'failed-to-play') {
50          // Failed to play media stream
51        }
52        if (reason === 'failed-to-play-unmuted') {
53          // Failed to play media stream given the auto mute was disabled
54        }
55        if (reason === 'paused-by-background') {
56          // Unable to resume playback after pause in Safari
57        }
58      });
59    }
60  }
61);

1var options = {
2  channel: {
3    name: 'MyAwesomeChannel',
4    alias: 'MyAwesomeChannelAlias', // Not required but if it is provided we will use this as the alias instead of pre-generating one for you.
5  },
6  publishToken: 'DIGEST:...',
7  mediaConstraints: { audio: true, video: true },
8  videoElement: document.querySelector('#myVideoId'),
9};
10
11channelExpress.publishToChannel(options, function callback(error, response) {
12  if (error) {
13    // Handle error
14  }
15
16  if (response.status !== 'ok') {
17    // Handle error
18  }
19
20  // Successfully published to channel
21  if (response.status === 'ok' && response.publisher) {
22    // Do something with publisher
23  }
24});

1var options = {
2  channel: {
3    name: 'MyAwesomeChannel',
4    alias: 'MyAwesomeChannelAlias', // Not required but if it is provided we will use this as the alias instead of pre-generating one for you.
5  },
6  publishToken: 'DIGEST:...',
7  mediaConstraints: { audio: true, video: true },
8  videoElement: document.querySelector('#myVideoId'),
9};
10
11channelExpress.publishScreenToChannel(
12  options,
13  function callback(error, response) {
14    if (error) {
15      // Handle error
16    }
17
18    if (response.status !== 'ok') {
19      // Handle error
20    }
21
22    // Successfully published to channel
23    if (response.status === 'ok' && response.publisher) {
24      // Do something with publisher
25    }
26  }
27);

1var options = {
2  channel: {
3    name: 'MyAwesomeChannel',
4    alias: 'MyAwesomeChannelAlias', // Not required but if it is provided we will use this as the alias instead of pre-generating one for you.
5  },
6};
7
8channelExpress.createChannel(options, function callback(error, response) {
9  if (error) {
10    // Handle error
11  }
12
13  if (response.status === 'already-exists') {
14    // Channel already exists
15    // Do something with channelService
16  } else if (response.status !== 'ok') {
17    // Handle error
18  }
19
20  // Successfully created channel
21  if (response.status === 'ok' && response.channelService) {
22    // Do something with channelService
23  }
24});