Javascript DOM HTML Video audioTracks Property

Introduction

Get the number of available audio tracks:

var x = document.getElementById("myVideo").audioTracks.length;

Click the button to get the number of available audio tracks.

The audioTracks property is not supported in any major browsers.

View in separate window

<!DOCTYPE html>
<html>
<body>

<video id="myVideo" width="100" height="100" controls>
  <source src="video.mp4" type="video/mp4">
  <source src="video.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>//ww w.j a v  a 2  s  .c  om
<button onclick="myFunction()">Test</button>
<p id="demo"></p>

<script>
function myFunction() {
  var x = document.getElementById("myVideo").audioTracks.length;
  document.getElementById("demo").innerHTML = x;
}
</script>

</body>
</html>

The audioTracks property returns a AudioTrackList object.

The AudioTrackList object represents the available audio tracks for the video.

Each available audio track is represented by an AudioTrack Object.

Return Value

Type
AudioTrackList Object





Description
Represents the available audio tracks for the video.
AudioTrackList Object:
audioTracks.length - get the number of audio tracks available
audioTracks.getTrackById(id) - get AudioTrack object by id
audioTracks[index] - get AudioTrack object by index
Note: The first available AudioTrack object is index 0
AudioTrack Object






Represents an audio track.
AudioTrack Object Properties:
id - get the id of the audio track
kind - get the type of the audio track (can be: "alternative", "description", "main", "translation", "commentary", or "")
label - get the label of the audio track
language - get the language of the audio track
enabled - get or set if the track is active (true|false)



PreviousNext

Related