+39 347-5669172 info@alfonsocorvino.it

Che cos’è OpenPlayerJs?

OpenPlayerJs è un magnifico player che riesce a leggere streaming in HLS o DASH completamente open source! Ecco il link Github e una demo di come funziona! Riesce a decodifcare in tempo reale il segnale audio/video che arriva dalla rete grazie a Java Script fantastico!

Lo script per far funzionare il player in html:

<link rel=”stylesheet” href=”https://cdn.jsdelivr.net/npm/openplayerjs@latest/dist/openplayer.min.css” />
<video class=”op-player__media” id=”player” controls playsinline>
<source src=”https://live02-seg.msf.cdn.mediaset.net/live/ch-c5/c5-clr.isml/index.m3u8″ type=”video/mp4″ />
<track kind=”subtitles” src=”/path/to/video.vtt” srclang=”en” label=”English” />
</video>
<script src=”https://cdn.jsdelivr.net/npm/openplayerjs@latest/dist/openplayer.min.js”></script>
<script>
 // Check the `API and events` link below for more options
document.querySelectorAll(‘.op-player__media’).forEach(player => {
const p = new OpenPlayerJS(player.id, {
controls: {
layers: {
left: [‘play’, ‘volume’],
right: [‘fullscreen’],
}
},
width: ‘100%’,
});
p.init();
});
</script>


Come potete vedere il link: https://live02-seg.msf.cdn.mediaset.net/live/ch-c5/c5-clr.isml/index.m3u richiama appunto il canale che noi vogliamo guardare.