HTMLMediaElement: audioTracks property

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

See full compatibility

The read-only audioTracks property on HTMLMediaElement objects returns an AudioTrackList object listing all of the AudioTrack objects representing the media element's audio tracks.

The media element may be either an <audio> element or a <video> element.

The returned list is live; that is, as tracks are added to and removed from the media element, the list's contents change dynamically. Once you have a reference to the list, you can monitor it for changes to detect when new audio tracks are added or existing ones removed. See AudioTrackList events to learn more about watching for changes to a media element's track list.

Value

An AudioTrackList object representing the list of audio tracks included in the media element. The list of tracks can be accessed using array notation, or using the object's getTrackById() method.

Each track is represented by an AudioTrack object which provides information about the track.

Examples

In this example, all of the audio tracks on a given element are muted.

HTML

The HTML establishes the element itself.

html

<video id="video" src="somevideo.mp4"></video>

JavaScript

The JavaScript code handles muting the video element's audio tracks.

const video = document.getElementById("video");

for (const track of video.audioTracks) {
  track.enabled = false;
}

Specifications

Specification
HTML # dom-media-audiotracks-dev

Browser compatibility

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`audioTracks`	Chrome – No support Chrome 37 (Release date: 2014-08-26) disabled disabled From version 37 users must explicitly set the `#enable-experimental-web-platform-features` preference to `Enabled`. To change preferences in Chrome, visit chrome://flags.	Edge – No support Edge 12 – 18 (Release date: 2015-07-29) unknown Support unknown Edge – No support Edge 79 (Release date: 2020-01-15) disabled disabled From version 79 users must explicitly set the `enable-experimental-web-platform-features` preference to `enabled`. To change preferences in Edge, visit about:flags.	Firefox – No support Firefox 33 (Release date: 2014-10-14) disabled disabled From version 33 users must explicitly set the `media.track.enabled` preference to `true`. To change preferences in Firefox, visit about:config.	Opera – No support Opera 24 (Release date: 2014-09-02) disabled disabled From version 24 users must explicitly set the `#enable-experimental-web-platform-features` preference to `Enabled`. To change preferences in Opera, visit opera://flags.	Safari – Full support Safari 7 (Release date: 2013-10-22) footnote Full support	Chrome Android – No support Chrome Android 37 (Release date: 2014-09-03) disabled disabled From version 37 users must explicitly set the `#enable-experimental-web-platform-features` preference to `Enabled`. To change preferences in Chrome Android, visit chrome://flags.	Firefox for Android – No support Firefox for Android footnote No support	Opera Android – No support Opera Android footnote No support	Safari on iOS – Full support Safari on iOS 7 (Release date: 2013-09-18) footnote Full support	Samsung Internet – No support Samsung Internet footnote No support	WebView Android – No support WebView Android footnote No support	WebView on iOS – Full support WebView on iOS 7 (Release date: 2013-09-18) footnote Full support

Tip: you can click/tap on a cell for more information.

Full support: Full support
No support: No support
: User must explicitly enable this feature.
: Has more compatibility info.