Czytasz angielską wersję tego artykułu, ponieważ nie ma jeszcze tłumaczenia dla tego języka. Pomóż nam przetłumaczyć ten artykuł!
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
MediaStreamTrack
objects).
Properties
This interface inherits properties from its parent, EventTarget
.
MediaStream.active
Read only- A Boolean value that returns
true
if theMediaStream
is active, orfalse
otherwise. MediaStream.ended
Read only- A Boolean value set to
true
if the end of the stream has been reached. This has been removed from the specification; you should instead check the value ofMediaStreamTrack.readyState
to see if its value is"ended"
for the track or tracks you want to ensure have finished playing.
MediaStream.id
Read only- A
DOMString
containing 36 characters denoting a universally unique identifier (UUID) for the object.
Event handlers
MediaStream.onaddtrack
- An
EventHandler
containing the action to perform when anaddtrack
event is fired when a newMediaStreamTrack
object is added. MediaStream.onremovetrack
- An
EventHandler
containing the action to perform when aremovetrack
event is fired when aMediaStreamTrack
object is removed from it.
Methods
This interface inherits methods from its parent, EventTarget
.
MediaStream.addTrack()
- Stores a copy of the
MediaStreamTrack
given as argument. If the track has already been added to theMediaStream
object, nothing happens.
MediaStream.clone()
- Returns a clone of the
MediaStream
object. The clone will, however, have a unique value forid
.
MediaStream.getAudioTracks()
- Returns a list of the
MediaStreamTrack
objects stored in theMediaStream
object that have theirkind
attribute 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
MediaStreamTrack
objects stored in theMediaStream
object, regardless of the value of thekind
attribute. 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
MediaStreamTrack
objects stored in theMediaStream
object that have theirkind
attribute 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
MediaStreamTrack
given as argument. If the track is not part of theMediaStream
object, nothing happens.
Events
addtrack
- Fired when a new
MediaStreamTrack
object is added.
Also available via theonaddtrack
property. removetrack
- Fired when a
MediaStreamTrack
object has been removed.
Also available via theonremovetrack
property.
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 | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
MediaStream | Chrome Full support 14 | Edge Full support Yes | Firefox Full support 15 | IE No support No | Opera Full support Yes | Safari Full support Yes | WebView Android Full support 37 | Chrome Android Full support 18 | Firefox Android Full support 15 | Opera Android No support No | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
MediaStream() constructor | Chrome Full support 19 | Edge Full support Yes | Firefox Full support 44 | IE No support No | Opera Full support 42 | Safari No support No | WebView Android Full support 37 | Chrome Android Full support 25 | Firefox Android Full support 42 | Opera Android No support No | Safari iOS No support No | Samsung Internet Android Full support 6.0 |
active | Chrome Full support 45 | Edge Full support 12 | Firefox Full support 52 | IE No support No | Opera No support No | Safari Full support Yes | WebView Android Full support 45 | Chrome Android Full support 45 | Firefox Android Full support 52 | Opera Android No support No | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
active event | Chrome Full support 45 | Edge ? | Firefox ? | IE No support No | Opera ? | Safari ? | WebView Android Full support 45 | Chrome Android Full support 45 | Firefox Android ? | Opera Android No support No | Safari iOS ? | Samsung Internet Android ? |
addTrack | Chrome Full support 26 | Edge Full support 12 | Firefox Full support 44 | IE No support No | Opera No support No | Safari Full support Yes | WebView Android Full support 37 | Chrome Android Full support 26 | Firefox Android No support No | Opera Android No support No | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
addtrack event | Chrome Full support Yes | Edge Full support 12 | Firefox Full support 50 | IE No support No | Opera No support No | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support 50 | Opera Android No support No | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
clone | Chrome Full support 45 | Edge Full support 12 | Firefox Full support 48 | IE No support No | Opera No support No | Safari Full support Yes | WebView Android Full support 45 | Chrome Android Full support 45 | Firefox Android Full support 48 | Opera Android No support No | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
ended | Chrome
No support
? — 54
| Edge ? | Firefox No support No | IE No support No | Opera No support ? — 39 | Safari ? | WebView Android
No support
? — 54
| Chrome Android
No support
? — 54
| Firefox Android No support No | Opera Android No support ? — 41 | Safari iOS ? | Samsung Internet Android Full support Yes |
getAudioTracks | Chrome Full support 26 | Edge Full support 12 | Firefox
Full support
22
| IE No support No | Opera Full support Yes | Safari Full support Yes | WebView Android Full support 37 | Chrome Android Full support 26 | Firefox Android
Full support
22
| Opera Android No support No | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
getTrackById | Chrome Full support 26 | Edge Full support 12 | Firefox Full support 49 | IE No support No | Opera No support No | Safari Full support Yes | WebView Android Full support 37 | Chrome Android Full support 26 | Firefox Android Full support 49 | Opera Android No support No | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
getTracks | Chrome Full support 45 | Edge Full support 12 | Firefox Full support Yes | IE No support No | Opera Full support Yes | Safari Full support Yes | WebView Android Full support 45 | Chrome Android Full support 45 | Firefox Android Full support Yes | Opera Android No support No | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
getVideoTracks | Chrome Full support 26 | Edge Full support 12 | Firefox
Full support
22
| IE No support No | Opera Full support Yes | Safari Full support Yes | WebView Android Full support 37 | Chrome Android Full support 26 | Firefox Android
Full support
22
| Opera Android No support No | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
id | Chrome No support ? — 54 | Edge Full support 12 | Firefox Full support 41 | IE No support No | Opera No support ? — 39 | Safari Full support Yes | WebView Android No support ? — 54 | Chrome Android No support ? — 54 | Firefox Android Full support 41 | Opera Android No support ? — 41 | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
inactive event | Chrome Full support 45 | Edge ? | Firefox ? | IE No support No | Opera ? | Safari ? | WebView Android Full support 45 | Chrome Android Full support 45 | Firefox Android ? | Opera Android No support No | Safari iOS ? | Samsung Internet Android ? |
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
| Firefox Android ? | Opera Android No support No | Safari iOS ? | Samsung Internet Android Full support Yes |
onactive | Chrome Full support 45 | Edge ? | Firefox ? | IE No support No | Opera ? | Safari ? | WebView Android Full support 45 | Chrome Android Full support 45 | Firefox Android ? | Opera Android No support No | Safari iOS ? | Samsung Internet Android ? |
onaddtrack | Chrome Full support 26 | Edge Full support 12 | Firefox Full support 50 | IE No support No | Opera No support No | Safari Full support Yes | WebView Android Full support 37 | Chrome Android Full support 26 | Firefox Android Full support 50 | Opera Android No support No | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
oninactive | Chrome Full support 45 | Edge ? | Firefox ? | IE No support No | Opera ? | Safari ? | WebView Android Full support 45 | Chrome Android Full support 45 | Firefox Android ? | Opera Android No support No | Safari iOS ? | Samsung Internet Android ? |
onremovetrack | Chrome Full support 26 | Edge Full support 12 | Firefox No support No | IE No support No | Opera No support No | Safari Full support Yes | WebView Android Full support 37 | Chrome Android Full support 26 | Firefox Android No support No | Opera Android No support No | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
removeTrack | Chrome Full support 26 | Edge Full support 12 | Firefox Full support Yes | IE No support No | Opera Full support Yes | Safari Full support Yes | WebView Android Full support 37 | Chrome Android Full support 26 | Firefox Android Full support Yes | Opera Android No support No | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
removetrack event | Chrome Full support Yes | Edge Full support 12 | Firefox No support No | IE No support No | Opera No support No | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android No support No | Opera Android No support No | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
stop | Chrome No support ? — 47 | Edge Full support 13 | Firefox ? | IE No support No | Opera No support No | Safari ? | WebView Android No support ? — 47 | Chrome Android No support ? — 47 | 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