<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>