An issue where the audio sync doesn't match during long playback #7632
Description
What version of Hls.js are you using?
1.6.14
What browser (including version) are you using?
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36
What OS (including version) are you using?
Windows 10
Test stream
No response
Configuration
{
"debug": true,
"enableWorker": true,
"lowLatencyMode": true,
"backBufferLength": 90
}Additional player setup steps
I would like to share the problematic live stream via a Slack direct message.
Checklist
- The issue observed is not already reported by searching on Github under https://github.com/video-dev/hls.js/issues
- The issue occurs in the stable client (latest release) on https://hlsjs.video-dev.org/demo and not just on my page
- The issue occurs in the latest client (main branch) on https://hlsjs-dev.video-dev.org/demo and not just on my page
- The stream has correct Access-Control-Allow-Origin headers (CORS)
- There are no network errors such as 404s in the browser console when trying to play the stream
Steps to reproduce
An issue occurs where the audio and video sync drifts apart after about 20 minutes of playback. However, refreshing the web page resynchronizes them.
When the audio and video are out of sync, seeking (even just slightly forward or backward from the current playback position) temporarily restores the sync. However, the sync drifts apart again over time.
The audio/video sync issue occurs regardless of the video quality.
Expected behaviour
No audio/video sync mismatch issue occurs, even during extended playback.
What actually happened?
The video and audio drift further out of sync the longer it plays.
hlsjs.video-dev.org-1762750056489.log
Console output
Please refer to the attached log file above.Chrome media internals output
Please refer to the attached log file above.