track-api-texttracks.html (1488B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>Track element - text tracks API test</title> 5 <link rel="help" href="https://html.spec.whatwg.org/multipage/#text-track-api"> 6 <link rel="author" title="Hyunjin Cho"> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 </head> 10 <body> 11 <h1>Track element and API Test</h1> 12 <div style="display:none;"> 13 <video id="tracktest" src="/media/movie_300.mp4"> 14 <track kind="subtitles" src="resources/track.en.vtt" srclang="en" label="English"> 15 <track kind="captions" src="resources/track.en.vtt" srclang="en" label="English with Captions"> 16 <track id="french" kind="subtitles" src="resources/track.fr.vtt" srclang="fr" label="Francais"> 17 <track kind="subtitles" src="resources/track.de.vtt" srclang="de" label="Deutsch"> 18 </video> 19 </div> 20 <div id="log"></div> 21 <script> 22 test(function() { 23 var t1 = document.getElementById('tracktest').textTracks; 24 assert_not_equals(t1, undefined, "textTracks member should not be undefined"); 25 }, "Check the track elements"); 26 test(function() { 27 var t2 = document.getElementById('tracktest').textTracks.getTrackById("french"); 28 assert_not_equals(t2, undefined, "textTracks member should not be undefined"); 29 }, "Check getTrackById method"); 30 test(function() { 31 var t3 = document.getElementById('tracktest').textTracks.length; 32 assert_equals(t3, 4, "textTracks List should be 4"); 33 }, "Count track list"); 34 </script> 35 </body> 36 </html>