react-html5video icon indicating copy to clipboard operation
react-html5video copied to clipboard

Published 20 hours ago • verified publisher icon mderrick

HLS support ?

Open kanasite opened this issue 7 years ago • 4 comments

Will this be supporting video live streaming soon ?

https://github.com/dailymotion/hls.js/

kanasite avatar Nov 28 '16 15:11 kanasite

Sorry for the long delay. I'm hoping on tackling many new features in v2. This may be one of them.

mderrick avatar Feb 09 '17 16:02 mderrick

I'm going to suggest this as an HOC solution, instead of baking it into the player itself. I think the player should just take inputs and play them, focus on being a great HTML5 player. That's how I implemented this myself, as a wrapper over this player.

mgreer avatar Mar 16 '17 17:03 mgreer

@mgreer I would love to see this wrapper.

mderrick avatar Mar 16 '17 18:03 mderrick

It is a bit specific to my needs right now, but I should pull it apart into something reusable.

HLS.js works by attaching to a Video element, which your player provides. I have it wait until your player is ready, and setup HLS.js. Then I call attachSource(m3u8 file).

In fact, I did this so I could hand your player to HLS supporting browsers (mobile phones) directly, and wrap it in HLS.js for all others (that support MSE).

Let me think of how to best tease out this behavior and share it as a proper HOC component. Best in another repo, most likely, so people don't need to load HLS.js if they don't care to.

mgreer avatar Mar 17 '17 05:03 mgreer