Mutually Exclusive Playback Demo

<script src="https://cdn.radiantmediatechs.com/rmp/10.1.4/js/rmp.min.js"></script>
<div id="rmp1"></div>
<div id="rmp2"></div>
<div id="rmp3"></div>
<script>
  const src1 = {
    hls: 'https://5b44cf20b0388.streamlock.net:8443/vod/smil:bbb.smil/playlist.m3u8'
  };
  const src2 = {
    hls: 'https://5b44cf20b0388.streamlock.net:8443/vod/smil:ed.smil/playlist.m3u8'
  };
  const src3 = {
    hls: 'https://5b44cf20b0388.streamlock.net:8443/vod/smil:sintel-hd.smil/playlist.m3u8'
  };
  const settings1 = {
    licenseKey: 'your-license-key',
    src: src1,
    width: 640,
    height: 360
  };
  const settings2 = {
    licenseKey: 'your-license-key',
    src: src2,
    width: 640,
    height: 360
  };
  const settings3 = {
    licenseKey: 'your-license-key',
    src: src3,
    width: 640,
    height: 360
  };
  const elementID1 = 'rmp1';
  const elementID2 = 'rmp2';
  const elementID3 = 'rmp3';
  const rmp1 = new RadiantMP(elementID1);
  const rmp2 = new RadiantMP(elementID2);
  const rmp3 = new RadiantMP(elementID3);

  function wireAPI() {
    rmp1.on('play', () => {
      rmp2.pause();
      rmp3.pause();
    });
    rmp2.on('play', () => {
      rmp1.pause();
      rmp3.pause();
    });
    rmp3.on('play', () => {
      rmp1.pause();
      rmp2.pause();
    });
  }

  async function initRmpPlayer() {
    try {
      rmp1.init(settings1);
      rmp2.init(settings2);
      rmp3.init(settings3);
    } catch (error) {
      console.error('Radiant Media Player failed to initialize', error);
    }
  }

  wireAPI();
  initRmpPlayer();
</script>