Missing audio in first segment

Open

#5,132 opened on Dec 22, 2022 9 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty: 4/5
Estimated time: 3-5 days
Newbie friendliness: 20/100

Issue type: Bug
Clarity: Needs clarification
Activity status: Stale
Tech stack: javascript, typescript
Domain: audio-video-rtc

Research direction

No source file or test is named, and the test stream link is missing. Start by reproducing the stall in the Hls.js demo, then inspect the Hls.Events.ERROR path and recoverMediaError behavior alongside the console output. Done means identifying whether the stall is caused by the stream or player behavior and documenting or implementing a confirmed resolution.

Written by the indexing model from the issue text.

Description

Bug Error Reporting Missing Feature MSE sourcebuffer-track-mismatch Stream Issue

What version of Hls.js are you using?

v1.2.9

What browser (including version) are you using?

Chrome, Safari , FF

What OS (including version) are you using?

MacOS Ventura 13.1

Test stream

Configuration

{
  "debug": true,
  "enableWorker": true,
  "lowLatencyMode": true,
  "backBufferLength": 90
}

Additional player setup steps

No response

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://hls-js.netlify.com/demo and not just on my page
The issue occurs in the latest client (main branch) on https://hls-js-dev.netlify.com/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

open the link
at 9s console displays Playback stalling at @9.505881 due to low buffer ({"len":0.09411899999999918,"start":0,"end":9.6}) message
video freezes at this point

Expected behaviour

Video plays normally

What actually happened?

Click on Recover media-error button does some trick to recover the video from proceeding from this point.

If I try to recover from media error automatically I have to add setTimeout, otherwise the recovering is ignored

hls.on(Hls.Events.ERROR, function (event, data) { if (data.type == Hls.ErrorTypes.MEDIA_ERROR) { setTimeout(function () { hls.recoverMediaError(); }, 10); } });

There are some reported issues about buffer stall errors, but I didn't find any solution how to find out why playback stalls in the first place. Can be seen from the logs if problem is in encoding or somewhere else?

Is there any elegant solution that can be done in Hls.Events.ERROR event (besides one from documentation)?

Console output

[Log] Live reload enabled. (new.html, line 921)
[Log] [log] > (hls.js, line 26312)
[Log] [log] > – "stopLoad" (hls.js, line 17823)

Chrome media internals output