Best web player for HLS stream

[kashmiria]

Which is the best Best web player for HLS stream?
any crack or open source tips?

 

[evoactivity]

hls.js + <video/>

easy peasy

GitHub - video-dev/hls.js: HLS.js is a JavaScript library that plays HLS in browsers with support for MSE.

HLS.js is a JavaScript library that plays HLS in browsers with support for MSE. - video-dev/hls.js

github.com

 

[pr3tty8oyfl0yd]

hls.js + <video/>

easy peasy

GitHub - video-dev/hls.js: HLS.js is a JavaScript library that plays HLS in browsers with support for MSE.

HLS.js is a JavaScript library that plays HLS in browsers with support for MSE. - video-dev/hls.js

github.com

Hmm never heard of this, so after this it’s just writing the UI with whatever API your using?

 

[evoactivity]

Hmm never heard of this, so after this it’s just writing the UI with whatever API your using?

Yup, do whatever you want in any way you want to.

Super simple example from the github

<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<!-- Or if you want a more recent canary version -->
<!-- <script src="https://cdn.jsdelivr.net/npm/hls.js@canary"></script> -->
<video id="video"></video>
<script>
  var video = document.getElementById('video');
  if(Hls.isSupported()) {
    var hls = new Hls();
    hls.loadSource('https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8');
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function() {
      video.play();
  });
 }
 // hls.js is not supported on platforms that do not have Media Source Extensions (MSE) enabled.
 // When the browser has built-in HLS support (check using `canPlayType`), we can provide an HLS manifest (i.e. .m3u8 URL) directly to the video element through the `src` property.
 // This is using the built-in support of the plain video element, without using hls.js.
 // Note: it would be more normal to wait on the 'canplay' event below however on Safari (where you are most likely to find built-in HLS support) the video.src URL must be on the user-driven
 // white-list before a 'canplay' event will be emitted; the last video event that can be reliably listened-for when the URL is not on the white-list is 'loadedmetadata'.
  else if (video.canPlayType('application/vnd.apple.mpegurl')) {
    video.src = 'https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8';
    video.addEventListener('loadedmetadata',function() {
      video.play();
    });
  }
</script>

 

[kashmiria]

whats about JW Player and Video JS?
I am using Video JS but looking for autoplay option..

 

[evoactivity]

whats about JW Player and Video JS?
I am using Video JS but looking for autoplay option..

If you're already using videojs then version 7 includes http-streaming, check the repo https://github.com/videojs/http-streaming

 

[d843435]

Does this work in Chrome? Edge has better native video playing (like mkv) and seemed to handle streams when chrome did not work at all. But with recent Edge changes I'm not sure what will work

 

[evoactivity]

Does this work in Chrome? Edge has better native video playing (like mkv) and seemed to handle streams when chrome did not work at all. But with recent Edge changes I'm not sure what will work

Absolutely, just make sure you're supplying a proper HLS stream.

 

[d843435]

Sometimes you can just add .hls to the end of the stream as well I have tried. Thank you for your help!

 

[pr3tty8oyfl0yd]

Unfortunately - the best solution to choose is going to have to be the one that will have the most success for the end user, so the more browsers it’s compatible with the better.... I will need to look at this from that standpoint also, however I am starting to like this recommendation more and more that I read.

 

[pr3tty8oyfl0yd]

I have been doing some more looking and also StreamFlow looks like a good player as well. Seems like it’s easily integrated and able to scale.

 

[jhonatan15]

Does it work with xc 1.6?

 

[pr3tty8oyfl0yd]

Does it work with xc 1.6?

If your output is in HLS then yes. If not you would need to enable HLS for the users who will use the player.

 

[wxflint]

This script is already Pre-Built for what you are looking for.

PlayTV IPTV Web Script