The MediaStream interface represents a stream of media content. A stream consists of several tracks such as video or audio tracks. Each track is specified as an instance of MediaStreamTrack.You can obtain a MediaStream object either by using the constructor or by calling MediaDevices.getUserMedia().
Some user agents subclass this interface to provide more precise information or functionality, like in CanvasCaptureMediaStream.
Constructor
MediaStream()- Creates and returns a new MediaStream object. You can create an empty stream, a stream which is based upon an existing stream, or a stream that contains a specified list of tracks (specified as an array of
MediaStreamTrackobjects).
Properties
This interface inherits properties from its parent, EventTarget.
MediaStream.activeRead only- A Boolean value that returns
trueif theMediaStreamis active, orfalseotherwise. MediaStream.endedRead only- A Boolean value set to
trueif the end of the stream has been reached. This has been removed from the specification; you should instead check the value ofMediaStreamTrack.readyStateto see if its value is"ended"for the track or tracks you want to ensure have finished playing.
MediaStream.idRead only- A
DOMStringcontaining 36 characters denoting a universally unique identifier (UUID) for the object.
Event handlers
MediaStream.onaddtrack- An
EventHandlercontaining the action to perform when anaddtrackevent is fired when a newMediaStreamTrackobject is added. MediaStream.onremovetrack- An
EventHandlercontaining the action to perform when aremovetrackevent is fired when aMediaStreamTrackobject is removed from it.
Methods
This interface inherits methods from its parent, EventTarget.
MediaStream.addTrack()- Stores a copy of the
MediaStreamTrackgiven as argument. If the track has already been added to theMediaStreamobject, nothing happens.
MediaStream.clone()- Returns a clone of the
MediaStreamobject. The clone will, however, have a unique value forid.
MediaStream.getAudioTracks()- Returns a list of the
MediaStreamTrackobjects stored in theMediaStreamobject that have theirkindattribute set to"audio". The order is not defined, and may not only vary from one browser to another, but also from one call to another.
MediaStream.getTrackById()- Returns the track whose ID corresponds to the one given in parameters,
trackid. If no parameter is given, or if no track with that ID does exist, it returnsnull. If several tracks have the same ID, it returns the first one. MediaStream.getTracks()- Returns a list of all
MediaStreamTrackobjects stored in theMediaStreamobject, regardless of the value of thekindattribute. The order is not defined, and may not only vary from one browser to another, but also from one call to another.
MediaStream.getVideoTracks()- Returns a list of the
MediaStreamTrackobjects stored in theMediaStreamobject that have theirkindattribute set to"video". The order is not defined, and may not only vary from one browser to another, but also from one call to another.
MediaStream.removeTrack()- Removes the
MediaStreamTrackgiven as argument. If the track is not part of theMediaStreamobject, nothing happens.
Specifications
| Specification | Status | Comment |
|---|---|---|
| Media Capture and Streams The definition of 'MediaStream' in that specification. |
Candidate Recommendation |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Basic support | Chrome Full support Yes | Edge Full support Yes | Firefox Full support 15 | IE No support No | Opera No support No | Safari ? | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android Full support 15 | Opera Android No support No | Safari iOS ? | Samsung Internet Android Full support Yes |
MediaStream | Chrome Full support 55 | Edge Full support Yes | Firefox Full support 44 | IE No support No | Opera Full support 42 | Safari No support No | WebView Android Full support 55 | Chrome Android Full support 55 | Edge Mobile Full support Yes | Firefox Android Full support 42 | Opera Android ? | Safari iOS No support No | Samsung Internet Android Full support 6.0 |
active | Chrome Full support Yes | Edge Full support 12 | Firefox Full support 52 | IE ? | Opera ? | Safari ? | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android Full support 52 | Opera Android ? | Safari iOS ? | Samsung Internet Android Full support Yes |
ended | Chrome
No support
? — 54
| Edge ? | Firefox No support No | IE ? | Opera No support ? — 39 | Safari ? | WebView Android
No support
? — 54
| Chrome Android
No support
? — 54
| Edge Mobile Full support Yes | Firefox Android No support No | Opera Android No support ? — 39 | Safari iOS ? | Samsung Internet Android Full support Yes |
id | Chrome No support ? — 54 | Edge Full support 12 | Firefox Full support 41 | IE ? | Opera No support ? — 39 | Safari ? | WebView Android No support ? — 54 | Chrome Android No support ? — 54 | Edge Mobile Full support Yes | Firefox Android Full support 41 | Opera Android No support ? — 39 | Safari iOS ? | Samsung Internet Android Full support Yes |
onaddtrack | Chrome Full support Yes | Edge Full support 12 | Firefox Full support 50 | IE ? | Opera ? | Safari ? | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android Full support 50 | Opera Android ? | Safari iOS ? | Samsung Internet Android Full support Yes |
onremovetrack | Chrome Full support Yes | Edge Full support 12 | Firefox No support No | IE ? | Opera ? | Safari ? | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android No support No | Opera Android ? | Safari iOS ? | Samsung Internet Android Full support Yes |
addTrack | Chrome Full support Yes | Edge Full support 12 | Firefox Full support 44 | IE ? | Opera ? | Safari ? | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android No support No | Opera Android ? | Safari iOS ? | Samsung Internet Android Full support Yes |
clone | Chrome Full support Yes | Edge Full support 12 | Firefox Full support 48 | IE ? | Opera ? | Safari ? | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android Full support 48 | Opera Android ? | Safari iOS ? | Samsung Internet Android Full support Yes |
getAudioTracks | Chrome Full support Yes | Edge Full support 12 | Firefox
Full support
22
| IE ? | Opera Full support Yes | Safari ? | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android
Full support
22
| Opera Android ? | Safari iOS ? | Samsung Internet Android Full support Yes |
getTrackById | Chrome Full support Yes | Edge Full support 12 | Firefox Full support 49 | IE No support No | Opera ? | Safari ? | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android Full support 49 | Opera Android ? | Safari iOS ? | Samsung Internet Android Full support Yes |
getTracks | Chrome Full support Yes | Edge Full support 12 | Firefox ? | IE ? | Opera Full support Yes | Safari ? | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android Full support Yes |
getVideoTracks | Chrome Full support Yes | Edge Full support 12 | Firefox
Full support
22
| IE ? | Opera Full support Yes | Safari ? | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android
Full support
22
| Opera Android ? | Safari iOS ? | Samsung Internet Android Full support Yes |
removeTrack | Chrome Full support Yes | Edge Full support 12 | Firefox ? | IE ? | Opera Full support Yes | Safari ? | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android Full support Yes |
label | Chrome
No support
? — 54
| Edge ? | Firefox ? | IE No support No | Opera No support No | Safari ? | WebView Android
No support
? — 54
| Chrome Android
No support
? — 54
| Edge Mobile ? | Firefox Android ? | Opera Android No support No | Safari iOS ? | Samsung Internet Android Full support Yes |
stop | Chrome No support No | Edge Full support 13 | Firefox ? | IE No support No | Opera No support No | Safari ? | WebView Android No support No | Chrome Android No support No | Edge Mobile ? | Firefox Android ? | Opera Android No support No | Safari iOS ? | Samsung Internet Android No support No |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.
- Deprecated. Not for use in new websites.
- Deprecated. Not for use in new websites.
- See implementation notes.
- See implementation notes.
See also
- Using the MediaStream API
- WebRTC API
- Web Audio API
MediaStreamTrack