Skip to content
This repository has been archived by the owner on Nov 20, 2021. It is now read-only.

HLS Live Streaming video not working #4

Open
wieshka opened this issue Apr 1, 2016 · 9 comments
Open

HLS Live Streaming video not working #4

wieshka opened this issue Apr 1, 2016 · 9 comments

Comments

@wieshka
Copy link

wieshka commented Apr 1, 2016

Tried with HLS Live video feed: got, I guess I-Frame as still image & audio playback on background.
Any plans to have HLS support for this?

@fregante
Copy link
Owner

fregante commented Apr 2, 2016

The way it can display videos is by seeking frame by frame, but that doesn't work on streaming videos. When you have time to post a demo I'll see if there's any alternative way to have the

Edit: Alternatives

http://jsmpeg.com/
https://github.com/mbebenita/Broadway
https://github.com/brion/ogv.js/

@wieshka
Copy link
Author

wieshka commented Apr 4, 2016

Update: the video I tested with had broken seeking capabilities which caused obviously playback issues.
Now, with seek supported video, it simply has low FPS, few frames per second.

Hopefully I will be able to provide demo videos soon.

@fregante
Copy link
Owner

fregante commented Apr 4, 2016

I should probably outline that the fps of the video is limited by the fps of the page. That means that if you're running expensive calculations or other animations, the framerate could drop below 60fps or even the 25/30fps necessary for the video.

This applies to all situations. I can only update the video as often as the browser calls requestAnimationFrame

@olegIvani4
Copy link

olegIvani4 commented May 12, 2016

Hi, I have tested your player with this HLS live stream:
http://vevoplaylist-live.hls.adaptive.level3.net/vevo/ch1/appleman.m3u8

Have same issues as @wieshka. Audio stream is playing perfect, but video has very bad fps (about 1/2fps).
requestAnimationFrame calls ~60 times per second.
I also tried to limit it to 25fps by rewriting requestAnimationFrame method but it didn't help.

window.requestAnimationFrame = function( callback ){
    window.setTimeout(callback, 1000 / 25);
};

I also noticed that player continues updating frames for few seconds after I press pause button.

@fregante
Copy link
Owner

fregante commented May 17, 2016

I haven't had time to test this and something tells me that there isn't much I can do.

requestAnimationFrame calls ~60 times per second.

To avoid sync issues with videos' framerates, I use the highest available framerate and let the browser figure out if the video needs updating after I set the currentTime

I also noticed that player continues updating frames for few seconds after I press pause button.

Can you try the latest version? If that doesn't fix it, would you mind opening a new issue with more details and perhaps a link to the page with the issue?

@neuman
Copy link

neuman commented Aug 25, 2016

Anyone make any progress on this? I need it to get http://www.sprawly.co working properly methinks.

@olegIvani4
Copy link

in IOS 10 you can just add playsinline parameter to

@neuman
Copy link

neuman commented Aug 25, 2016

Sure, but for everything else?

On Thu, Aug 25, 2016, 1:41 PM Oleg notifications@github.com wrote:

in IOS 10 you can just add playsinline parameter to tag and it will not
switch to full-screen anymore


You are receiving this because you commented.
Reply to this email directly, view it on GitHub
#4 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AA1dO2Bu8SPMz8CwY1dEj1hKSR6GkAqdks5qjf4FgaJpZM4H9-yi
.

@fregante
Copy link
Owner

No progress, unfortunately. Live video doesn't quite lend itself to this workaround

@fregante fregante mentioned this issue Feb 20, 2017
@fregante fregante changed the title HLS Live video not working HLS Live Streaming video not working May 19, 2017
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

4 participants