-
Notifications
You must be signed in to change notification settings - Fork 2.6k
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
Seeking performance issues in Safari (visible in hls.js demo w/ Buffer stalled error) #4884
Comments
Please describe the crash in more detail in a way that can be reproduced.
This means that playback stalled. It is not a crash. It should not happen while waiting for seek to complete. This is likely due to delays in timeupdate events in Safari just before/after "seeked" completion, "canplay", and "playing" events. Confirming this based on observed stalled events, but ignoring page crash details (cannot repro page crash). |
Thanks for the quick reply - mainly was seeing the page become inoperable after the buffer stalled errors, where even something as simple as scrolling back to the top of the page would be heavily delayed and sluggish |
Hi there, would like to join in on this thread to share that I'm also experiencing these issues as well on Safari web v15.5 (with Mac OS v12.4). On my first video (https://deploy-preview-4781--hls-js-dev.netlify.app/demo/?src=https://partnerships-ads-stg.foodpanda.com/fp_sg/partnerships/ads/postorder/869295a5-13d4-11ed-9886-724a14314b3e_144p.m3u8), the video does not even load and gets the bufferAppendError with "The video playback was aborted due to a corruption problem or because the video used features your browser did not support - Media failed to decode, cannot recover.". On my second video (https://deploy-preview-4781--hls-js-dev.netlify.app/demo/?src=https%3A%2F%2Fpartnerships-ads-stg.foodpanda.com%2Ffp_sg%2Fpartnerships%2Fads%2Fpostorder%2F44eab265-1111-4c06-8eb9-36a091704428_1080p.m3u8&demoConfig=eyJlbmFibGVTdHJlYW1pbmciOnRydWUsImF1dG9SZWNvdmVyRXJyb3IiOnRydWUsInN0b3BPblN0YWxsIjpmYWxzZSwiZHVtcGZNUDQiOmZhbHNlLCJsZXZlbENhcHBpbmciOi0xLCJsaW1pdE1ldHJpY3MiOi0xfQ==), the video plays nicely until the end where it will get a bufferStalledError. Tested the above videos using HLS v1.1.5 and v1.2.3. Do you know the cause of these issues? Could it be the way we encoded them? Or do you know how we may solve them? Works fine on Firefox and Chrome, especially with HLS v1.2.3, so not sure why they would not work on Safari. Thank you! |
This issue will be closed with #6524. It addresses fragment selection when seeking backward or while paused. You can try it here https://bugfix-backward-seek-near-en.hls-js-4zn.pages.dev/demo/ There may still be cases where the browser renders nearby buffer or in the case of Safari additional unwanted stalls reported. Please file a new issue if you see these in dev or upcoming releases. |
What version of Hls.js are you using?
v1.2.1 (also tested on older versions:
1.0.0
and0.14.0
)What browser (including version) are you using?
Safari Version 15.1 (17612.2.9.1.20)
What OS (including version) are you using?
macOS Version 12.0.1 (21A559)
Test stream
https://hls-js.netlify.app/demo/?src=https%3A%2F%2Ftest-streams.mux.dev%2Fx36xhzz%2Fx36xhzz.m3u8&demoConfig=eyJlbmFibGVTdHJlYW1pbmciOnRydWUsImF1dG9SZWNvdmVyRXJyb3IiOnRydWUsInN0b3BPblN0YWxsIjpmYWxzZSwiZHVtcGZNUDQiOmZhbHNlLCJsZXZlbENhcHBpbmciOi0xLCJsaW1pdE1ldHJpY3MiOi0xfQ==
Configuration
Additional player setup steps
No response
Checklist
Steps to reproduce
Expected behaviour
What actually happened?
Console output
Chrome media internals output
No response
The text was updated successfully, but these errors were encountered: