track property

Returns the track that is loaded by the onaddtrack event.

This property is read-only.

HTML5 A vocabulary and associated APIs for HTML and XHTMLInternet Explorer 10

 

Syntax

JavaScript
track = object.track

 

Property values

Type: any

Track object representing an audio track.

Standards information

Remarks

The following example uses the track property to get the language of each audio track as it loads loaded. Note that the video src property is set (content is loaded) after the onaddtrack event has been specified.

Examples


    <script type="text/javascript">
      // wait until the video element has loaded
      document.addEventListener("DOMContentLoaded", function () {  // don't run this until all DOM content is loaded 
        var oVideo = document.getElementById("video1");
        //  get the audioTracks object to attach an event listener
        var audioTracks = oVideo.audioTracks;
        audioTracks.addEventListener("addtrack", function (oTrackEvent) {
          getLangTracks(oTrackEvent.track);
        }, false);
        oVideo.src = "multi-lang-movie.mp4";  // set source after addtrack in place
      }, false);

      function getLangTracks(myTrack) {           
        document.getElementById("display").innerHTML += "<br/>" + myTrack.language;
      }    
    </script>
  </head>
  <body>
    <video id="video1" controls>
      HTML5 video not supported 
    </video>
    <div id="display"></div>
  </body>
</html>


See also

TrackEvent
How to use HTML5 to Add an Audio Player to your Webpage

 

 

Show: