bbbt.html:33 Uncaught DOMException: Failed to execute 'addSourceBuffer' on 'MediaSource': The MediaSource's readyState is not 'open'.

这个错误通常是因为在调用`addSourceBuffer()`方法之前，`MediaSource`对象的`readyState`属性不是`open`状态。在使用`addSourceBuffer()`方法之前，需要等待`MediaSource`对象的`open`事件被触发。

以下是一个示例代码，演示如何在`open`事件被触发后调用`addSourceBuffer()`方法：

const mediaSource = new MediaSource();
mediaSource.addEventListener('sourceopen', function() {
  const sourceBuffer = mediaSource.addSourceBuffer('video/webm; codecs="vp8"');
  // 在这里使用sourceBuffer进行操作
});

请注意，`sourceopen`事件可能不会立即被触发，因此你需要等待该事件被触发后再使用`addSourceBuffer()`方法。