VideoTrackList: addtrack event

Syntax

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

js

addEventListener("addtrack", (event) => { })

onaddtrack = (event) => { }

Event type

A TrackEvent. Inherits from Event.

Event properties

In addition to the properties listed below, properties from the parent interface, Event, are available.

track Read only: The newly-added VideoTrack the event is in reference to.

Examples

Using addEventListener():

js

const videoElement = document.querySelector("video");

videoElement.videoTracks.addEventListener("addtrack", (event) => {
  console.log(`Video track: ${event.track.label} added`);
});

Using the onaddtrack event handler property:

js

const videoElement = document.querySelector("video");

videoElement.videoTracks.onaddtrack = (event) => {
  console.log(`Video track: ${event.track.label} added`);
};