MediaSource: sourceBuffers property
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Note: This feature is available inDedicated Web Workers.
ThesourceBuffers read-only property of theMediaSource interface returns aSourceBufferList objectcontaining the list ofSourceBuffer objects associated with thisMediaSource.
Value
Examples
The following snippet is based on an example written by Nick Desaulniers (view the full demo live, ordownload the source for further investigation). The functiongetMediaSource(), which is not defined here, returns aMediaSource.
js
const mediaSource = getMediaSource();function sourceOpen() { console.log(this.readyState); // open const sourceBuffer = mediaSource.addSourceBuffer(mimeCodec); fetchAB(assetURL, (buf) => { sourceBuffer.addEventListener("updateend", () => { mediaSource.endOfStream(); console.log(mediaSource.sourceBuffers); // will contain the source buffer that was added above video.play(); console.log(mediaSource.readyState); // ended }); sourceBuffer.appendBuffer(buf); });}// …Specifications
| Specification |
|---|
| Media Source Extensions™ # dom-mediasource-sourcebuffers |