MediaStreamTrack: ended event

Use the event name in methods like addEventListener(), or set an event handler property.

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:

• There is no more data left to send.
• The user revoked the permissions needed for the data to be sent.
• The hardware generating the source data has been removed or ejected.
• A remote peer has permanently stopped sending data; pausing media does not generate an 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.

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:

track.onended = () => {
  let statusElem = document.getElementById("status-icon");

  statusElem.src = "/images/stopped-icon.png";
};

• The HTMLMediaElement playing event
• The HTMLMediaElement waiting event
• The HTMLMediaElement seeking event
• <audio>
• <video>
• The HTMLMediaElement ended event
• The AudioScheduledSourceNode ended event