HLS suport

[FernandoJBCosta]

Hello Thiago does support HLS m3u8 files?

Best regards and have a fantastic 2017.

[thiagopnts]

Hello! yes it does, but you need to prepare the video tag first. Using hls.js would be something like this:

var video = document.getElementById("videotag");

var hls = new Hls();
hls.loadSource('http://www.streambox.fr/playlists/test_001/stream.m3u8');
hls.attachMedia(video);
var viewer = new Kaleidoscope.Video({source: video, containerId: '#target'});
viewer.render();

[FernandoJBCosta]

Hello Thiago thanks for the replay but gives me this error:

253teste.html:1 [.Offscreen-For-WebGL-000001F16CD475E0]RENDER WARNING: texture bound to texture unit 0 is not renderable. It maybe non-power-of-2 and have incompatible texture filtering.
teste.html:1 WebGL: too many errors, no more errors will be reported to the console for this context.

Any help?

Best regards

[thiagopnts]

Weird, I'll create an examples folder in the project with some setups and this as well

[thiagopnts]

also, which OS/browser you tested?

[FernandoJBCosta]

Hello Thiago I test it in all principal browsers + iOS and Android.
I think its better you see for your self and you can test it:
I prepared an VPS with nginx and rtmp2hls module so you can test it.

the web files are at /usr/local/nginx/html/
you can stream to rtmp://52.174.159.206:1935/live/test, and the hls file will be genarated on /usr/local/nginx/html/hls/test.m3u8

link to website: http://52.174.159.206/index.html
link to hls file: http://52.174.159.206/hls/test.m3u8

Best regards
Fernando Jorge

[thiagopnts]

Hi, I'll be adding an examples folder in the project with some working examples with hls and dash. In the meantime, I would suggest you to change the credentials you posted(and avoid doing this!)

[FernandoJBCosta]

Ok thanks and sorry the server I created just for testing propose, best regards

[thiagopnts]

I added an HLS example here: https://github.com/thiagopnts/kaleidoscope/blob/master/examples/hls.html which you can see here: http://thiago.me/kaleidoscope/examples/hls.html
If it doesn't work with your m3u8 I would suggest you to first try to play for hls stream with HLS.js first to validate