Live streaming for both desktop and mobile devices became easy using the VideoJS player. You only need to provide a valid m3u8 manifest as a video source. HTTP Live Streaming (HLS and DASH) is an adaptive streaming communications protocol that can distribute both live and on-demand files and is the sole technology available for adaptively streaming to devices, and is an increasingly important target segment to streaming publishers.
<link href="//domain.com/videojs/skins/nuevo/videojs.min.css" rel="stylesheet">
<script type=text/javascript" src="//domain.com/videojs/video.min.js"></script>
<script type=text/javascript" src="//domain.com/videojs/nuevo.min.js"></script>
<link href="//domain.com/videojs/skins/nuevo/videojs.min.css" rel="stylesheet">
<video id="myplayer" class="video-js vjs-fluid" poster="/path-to-poster.jpg" controls preload="auto">
<source src="//www.domain.com/live_manifest.m3u8" type="application/x-mpegURL">
</video>
<script>
var player = videojs('myplayer');
player.nuevo();
</script>
Live DVR streaming is detected automatically, when the playlist duration is greater than the threshold value (300s). This value can be changed by setting Nuevo plugin's
dvrMin option.
player.nuevo({ dvrMin:600 });
You can also force DVR on live streams by setting video.js option:
var player = videojs('myplayer',{liveui: true}};
The Nuevo plugin detects available qualities for HLS and DASH live streams automatically. Depending on the HLS or Dash playlist protocol, available qualities to switch between are presented in the quality menu as kbps or as the video resolution value (video height). HD, FullHD, and 4K icons are populated automatically for the appropriate video resolution.
