MediaSource: sourceBuffers property
Note: This feature is available in Dedicated Web Workers.
The sourceBuffers
read-only property of the
MediaSource
interface returns a SourceBufferList
object
containing the list of SourceBuffer
objects associated with this
MediaSource
.
Value
Examples
The following snippet is based on a simple example written by Nick Desaulniers (view the full demo live, or download the source for further investigation). The function getMediaSource()
, which is not defined here, returns a MediaSource
.
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 |
Browser compatibility
BCD tables only load in the browser