Failed to remove source buffer from media source error when disposing player

Description

Disposing of players using videojs-contrib-hls (hence dashjs too) incurs in an error that looks like: [2422][SourceBufferSink] Failed to remove source buffer from media source.

Here’s a test page reproducing the issue — including it’s source code. https://stackblitz.com/edit/videojs-buffer-issue?file=index.js

This particular example is using videojs on a react app but the error is reproduceable regardless of react and it’s lifecycles.

Sources

Test page contains all relevant sources, though problem doesn’t seem to relate to a specific source stream.

Steps to reproduce

1. Invoke player.dispose() of one or more players which have a dash source. Observe the console.

Results

Expected

Player is disposed correctly without errors.

Error output

Error [####][SourceBufferSink] Failed to remove source buffer from media source. shows up on the console.

Additional Information

Please include any additional information necessary here. Including the following:

videojs-contrib-hls version

what version of videojs-contrib-hls does this occur with? “videojs-contrib-dash”: “^2.10.0”

videojs version

what version of videojs does this occur with? “video.js”: “^7.3.0”,

Browsers

what browsers are affected? please include browser and version for each

• Likely all. Tested on Safari and Chrome.

Platforms

what platforms are affected? please include operating system and version or device and version for each

• Tested on Mac OSX. Likely any platform.

Other Plugins

are any other videojs plugins being used on the page? If so, please list them with version below.

• No.

Other JavaScript

are you using any other javascript libraries or frameworks on the page? if so please list them below.

• None relevant. See test page’s package.json for examples.

[rhodh]

I’ve also seen this issue on Windows 10 Chrome.

[hmtri1011]

Hi, any update for this issue? It is happening to me