MediaSource.sourceBuffers

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The sourceBuffers read-only property of the MediaSource interface returns a SourceBufferList object containing the list of SourceBuffer objects associated with this MediaSource.

Syntax

var mySourceBuffers = mediaSource.sourceBuffers;

Value

A SourceBufferList.

Example

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.)

function sourceOpen (_) {
  //console.log(this.readyState); // open
  var mediaSource = this;
  var sourceBuffer = mediaSource.addSourceBuffer(mimeCodec);
  fetchAB(assetURL, function (buf) {
    sourceBuffer.addEventListener('updateend', function (_) {
      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

See also