OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../media-file.js"></script> |
| 3 <script src="../video-test.js"></script> |
| 4 <script src="../media-controls.js"></script> |
| 5 <script> |
| 6 |
| 7 var track; |
| 8 var trackCueText = "Bonjour"; |
| 9 |
| 10 function selectTrackAdded() |
| 11 { |
| 12 findMediaElement(); |
| 13 testClosedCaptionsButtonVisibility(true); |
| 14 consoleWrite(""); |
| 15 testExpected("video.textTracks.length", 2); |
| 16 testExpected("video.textTracks[0].mode", "showing"); |
| 17 testExpected("track.mode", "hidden"); |
| 18 |
| 19 consoleWrite(""); |
| 20 consoleWrite("Verify the default track is being displayed"); |
| 21 testExpected("textTrackDisplayElement(video, 'display').innerText", "Lor
em"); |
| 22 |
| 23 consoleWrite(""); |
| 24 consoleWrite("Select the newly added track"); |
| 25 selectTextTrack(video, 1); |
| 26 testExpected("track.mode", "showing"); |
| 27 testExpected("textTrackDisplayElement(video, 'display').innerText", trac
kCueText); |
| 28 endTest(); |
| 29 } |
| 30 |
| 31 function addTextTrack() |
| 32 { |
| 33 track = video.addTextTrack("captions", "French", "fr"); |
| 34 track.addCue(new VTTCue(0.0, 1.0, trackCueText)); |
| 35 track.mode = "hidden"; |
| 36 selectTrackAdded(); |
| 37 } |
| 38 |
| 39 window.onload = function() |
| 40 { |
| 41 consoleWrite("Test that we can add a track dynamically and it is display
ed on the track selection menu"); |
| 42 findMediaElement(); |
| 43 video.src = findMediaFile("video", "../content/test"); |
| 44 waitForEvent("canplaythrough", addTextTrack); |
| 45 } |
| 46 |
| 47 </script> |
| 48 <video controls> |
| 49 <track src="captions-webvtt/captions.vtt" kind="captions" label="English" sr
clang="en" default> |
| 50 </video> |
OLD | NEW |