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

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`sourceBuffers`	23	12	42	11 Only works on Windows 8+.	15	8	4.4.3	25	41	14	13 Exposed in Mobile Safari on iPad but not on iPhone.	1.5