ManagedMediaSource: streaming 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 in Dedicated Web Workers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The streaming read-only property of the ManagedMediaSource interface is a boolean indicating whether the application should actively fetch and append media data.
The value of this property is updated by the user agent's monitoring algorithm. When it changes, the corresponding startstreaming or endstreaming event is fired.
Value
A boolean, initially false. When true, the user agent needs more data to ensure uninterrupted playback. When false, the user agent has enough data buffered and the application can stop fetching new segments.
Examples
Checking the streaming state
This example creates a ManagedMediaSource, attaches it to a <video> element, and logs the value of streaming whenever it changes between true and false.
const mediaType = 'video/mp4; codecs="avc1.64001F, mp4a.40.2"';
if (ManagedMediaSource.isTypeSupported(mediaType)) {
const video = document.createElement("video");
const source = new ManagedMediaSource();
video.controls = true;
video.disableRemotePlayback = true;
video.src = URL.createObjectURL(source);
document.body.appendChild(video);
console.log(source.streaming); // false
source.addEventListener("startstreaming", () => {
console.log(source.streaming); // true — start fetching data
});
source.addEventListener("endstreaming", () => {
console.log(source.streaming); // false — stop fetching data
});
source.addEventListener("sourceopen", () => {
source.addSourceBuffer(mediaType);
});
}
Specifications
| Specification |
|---|
| Media Source Extensions™ # dom-managedmediasource-streaming |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
streaming
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.
See also
startstreamingeventendstreamingeventManagedMediaSourceMediaSource