track-webvtt-magic-header.html (1613B)
1 <!DOCTYPE html> 2 <title>Magic file header "WEBVTT" leads to the file properly recognized as a WebVTT file</title> 3 <script src="track-helpers.js"></script> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <video> 7 <track src="resources/webvtt-file.vtt"> 8 <track src="resources/webvtt-rubbish.vtt"> 9 <track src="resources/no-webvtt.vtt"> 10 </video> 11 <script> 12 async_test(function(t) { 13 var video = document.querySelector("video"); 14 15 var trackElements = document.querySelectorAll("track"); 16 trackElements[0].onload = t.step_func(trackLoaded); 17 trackElements[1].onload = t.step_func(trackLoaded); 18 trackElements[2].onerror = t.step_func(trackLoaded); 19 20 enableAllTextTracks(video.textTracks); 21 22 var numberOfTracksLoaded = 0; 23 function trackLoaded() { 24 numberOfTracksLoaded++; 25 if (numberOfTracksLoaded != 3) 26 return; 27 28 testTrack(0); 29 testTrack(1); 30 testTrackError(2); 31 t.done(); 32 } 33 34 function testTrack(index) { 35 var expected = [ 36 { 37 id : "1", 38 startTime : 0, 39 endTime : 30.5, 40 text : "Bear is Coming!!!!!" 41 }, 42 { 43 id : "2", 44 startTime : 31, 45 endTime : 1200.5, 46 text : "I said Bear is coming!!!!" 47 } 48 ]; 49 50 assert_cues_equal(video.textTracks[index].cues, expected); 51 } 52 53 function testTrackError(index) { 54 assert_cues_equal(video.textTracks[index].cues, []); 55 } 56 }); 57 </script>