New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Safari - Video stutters first initial seconds #2122
Comments
@michaelcunningham19 Can you see the stutter? I wasn't able to repro myself. |
@itsjamie Yup, I was able to reproduce the stuttering in Safari (12.0) Turning on Media Logging in Safari (verbose mode) revealed nothing of interest. Maybe Media Lighthouse will reveal something |
@intelligence After looking at that, it appears vimeo.com is referencing a different stream entirely. On vimeo.com it's referencing a stream with fmp4 segments (with what looks like a custom JSON manifest) ☝️ Neat |
Ah! Didn't even cross me that they'd use something else for their own player. I'm getting some more reports from testing that the stutter is present on other videos as well. Is this a hls.js issue or something in the way that Vimeo transcode and serve these videos? |
Sent an issue report to Vimeo regarding this issue and got this back:
|
Yeah - I was simply calling out that there was a difference, that's all. I'll take a closer look at this when time allows 😄 The next step would be to try running it through media lighthouse |
Hello again! Is there some sort of help I can provide to help solve this issue? Let me know and I'll look into it. |
I can repo on 0.12.4 but not v0.11.x |
Thanks for the test stream @gkindel. Unfortunately I don't see anything obvious in the logs, and it's still an issue in the 1.0.0 test branch. The next steps are to dump the stream into |
anyone looking into this issue ? I was able to reproduce this issue and fix it by reducing the liveSyncDuration as close to your chunk duration * 3 as possible, but reducing this causes playback getting stucks on microsoft edge, I'm experimenting with the different config that works with both safari and edge, but at the same time. not break other browsers that are currently working |
See #2902 With e07232f, I don't see any stuttering in that build, but there is some glitching in the first second (https://deploy-preview-2902--hls-js-dev.netlify.app/demo/). After removing changes to the composition time of frames 114e25d, the glitch is gone, but when starting playback from 0, the video briefly flashes transparent. This is reproducible on Vimeo if you seek back to 0 and play. It's not happening or not noticeable when starting playback from the poster fading to video (https://deploy-preview-2902--hls-js-dev.netlify.app/demo/). |
Latest build with fix https://deploy-preview-2902--hls-js-dev.netlify.app/demo/ |
Awesome! #2902 fixes both the stuttering and glitching on Safari for me. |
What version of Hls.js are you using?
0.12.2
What browser and OS are you using?
Safari 12.0.2 – macOS High Sierra 10.13.6
Test stream:
https://hls-js.netlify.com/demo/?src=https%3A%2F%2Fplayer.vimeo.com%2Fexternal%2F313759552.m3u8%3Fs%3Db537d0bec7626cbf3cbd54bb89e549e0d39c5d37&demoConfig=eyJlbmFibGVTdHJlYW1pbmciOnRydWUsImF1dG9SZWNvdmVyRXJyb3IiOnRydWUsImVuYWJsZVdvcmtlciI6dHJ1ZSwiZHVtcGZNUDQiOmZhbHNlLCJsZXZlbENhcHBpbmciOi0xLCJsaW1pdE1ldHJpY3MiOi0xLCJ3aWRldmluZUxpY2Vuc2VVcmwiOiIifQ==
Checklist
Steps to reproduce
Play video, initial first seconds will stutter. When playing video on vimeo.com there are no stutters (https://vimeo.com/313759552)
Expected behavior
No stutters
Actual behavior
Video stutters
Console output
The text was updated successfully, but these errors were encountered: