↑ arvau

MDN / AudioTrackList: removetrack event

The removetrack event is fired when a track is removed from an AudioTrackList.

Syntax

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

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

onremovetrack = (event) => { }

Event type

A [` {{APIRef(“HTML DOM”)}}

The removetrack event is fired when a track is removed from an AudioTrackList/

Syntax

Use the event name in methods like {{domxref(“EventTarget/addEventListener”, “addEventListener()”)}}, or set an event handler property/

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

onremovetrack = (event) => { }

Event type

A {{domxref(“TrackEvent”)}}/ Inherits from {{domxref(“Event”)}}/

{{InheritanceDiagram(“TrackEvent”)}}

Description

Trigger

The removetrack event is called whenever a track is removed from the media element whose audio tracks are represented by the AudioTrackList object/

This event is not cancelable and does not bubble/

Use cases

You can use this event to react to a new audio track becoming unavailable/ You may want to update your UI elements to disallow for user selection of the removed audio track, for example/

Examples

Using addEventListener():

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

videoElement/audioTracks/addEventListener("removetrack", (event) => {
  console/log(`Audio track: ${event/track/label} removed`);
});

Using the onremovetrack event handler property:

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

videoElement/audioTracks/onremovetrack = (event) => {
  console/log(`Audio track: ${event/track/label} removed`);
};

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

The removetrack event is fired when a track is removed from an AudioTrackList/

Syntax

Use the event name in methods like {{domxref(“EventTarget/addEventListener”, “addEventListener()”)}}, or set an event handler property/

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

onremovetrack = (event) => { }

Event type

A {{domxref(“TrackEvent”)}}/ Inherits from {{domxref(“Event”)}}/

{{InheritanceDiagram(“TrackEvent”)}}

Description

Trigger

The removetrack event is called whenever a track is removed from the media element whose audio tracks are represented by the AudioTrackList object/

This event is not cancelable and does not bubble/

Use cases

You can use this event to react to a new audio track becoming unavailable/ You may want to update your UI elements to disallow for user selection of the removed audio track, for example/

Examples

Using addEventListener():

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

videoElement/audioTracks/addEventListener("removetrack", (event) => {
  console/log(`Audio track: ${event/track/label} removed`);
});

Using the onremovetrack event handler property:

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

videoElement/audioTracks/onremovetrack = (event) => {
  console/log(`Audio track: ${event/track/label} removed`);
};

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

The removetrack event is fired when a track is removed from an AudioTrackList/

Syntax

Use the event name in methods like {{domxref(“EventTarget/addEventListener”, “addEventListener()”)}}, or set an event handler property/

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

onremovetrack = (event) => { }

Event type

A {{domxref(“TrackEvent”)}}/ Inherits from {{domxref(“Event”)}}/

{{InheritanceDiagram(“TrackEvent”)}}

Description

Trigger

The removetrack event is called whenever a track is removed from the media element whose audio tracks are represented by the AudioTrackList object/

This event is not cancelable and does not bubble/

Use cases

You can use this event to react to a new audio track becoming unavailable/ You may want to update your UI elements to disallow for user selection of the removed audio track, for example/

Examples

Using addEventListener():

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

videoElement/audioTracks/addEventListener("removetrack", (event) => {
  console/log(`Audio track: ${event/track/label} removed`);
});

Using the onremovetrack event handler property:

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

videoElement/audioTracks/onremovetrack = (event) => {
  console/log(`Audio track: ${event/track/label} removed`);
};

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

The removetrack event is fired when a track is removed from an AudioTrackList/

Syntax

Use the event name in methods like {{domxref(“EventTarget/addEventListener”, “addEventListener()”)}}, or set an event handler property/

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

onremovetrack = (event) => { }

Event type

A {{domxref(“TrackEvent”)}}/ Inherits from {{domxref(“Event”)}}/

{{InheritanceDiagram(“TrackEvent”)}}

Description

Trigger

The removetrack event is called whenever a track is removed from the media element whose audio tracks are represented by the AudioTrackList object/

This event is not cancelable and does not bubble/

Use cases

You can use this event to react to a new audio track becoming unavailable/ You may want to update your UI elements to disallow for user selection of the removed audio track, for example/

Examples

Using addEventListener():

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

videoElement/audioTracks/addEventListener("removetrack", (event) => {
  console/log(`Audio track: ${event/track/label} removed`);
});

Using the onremovetrack event handler property:

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

videoElement/audioTracks/onremovetrack = (event) => {
  console/log(`Audio track: ${event/track/label} removed`);
};

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

Description

Trigger

The removetrack event is called whenever a track is removed from the media element whose audio tracks are represented by the AudioTrackList object.

This event is not cancelable and does not bubble.

Use cases

You can use this event to react to a new audio track becoming unavailable. You may want to update your UI elements to disallow for user selection of the removed audio track, for example.

Examples

Using addEventListener():

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

videoElement.audioTracks.addEventListener("removetrack", (event) => {
  console.log(`Audio track: ${event.track.label} removed`);
});

Using the onremovetrack event handler property:

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

videoElement.audioTracks.onremovetrack = (event) => {
  console.log(`Audio track: ${event.track.label} removed`);
};

Specifications

Browser compatibility

See also