The ended
event of the MediaStreamTrack
interface is fired when playback or streaming has stopped because the end of the media was reached or because no further data is available.
This event is not cancelable and does not bubble.
The ended
event of the MediaStreamTrack
interface is fired when playback or streaming has stopped because the end of the media was reached or because no further data is available.
This event is not cancelable and does not bubble.
Use the event name in methods like addEventListener()
, or set an event handler property.
js
addEventListener("ended", (event) => {}); onended = (event) => {};
A generic Event
.
ended
events fire when the media stream track's source permanently stops sending data on the stream. There are various ways this can happen, including:
ended
event.This example sets up an event handler for the ended
event, which changes an on-screen icon to indicate that the track is no longer active.
js
track.addEventListener("ended", () => { let statusElem = document.getElementById("status-icon"); statusElem.src = "/images/stopped-icon.png"; });
You can also set up the event handler using the onended
property:
js
track.onended = () => { let statusElem = document.getElementById("status-icon"); statusElem.src = "/images/stopped-icon.png"; };
Specification |
---|
Media Capture and Streams # dom-mediastreamtrack-onended |
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
ended_event |
26 | 12 | 50 | No | 15 | 11 | 4.4 | 26 | 50 | 14 | 11 | 1.5 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamTrack/ended_event