| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| |
| <script src=../media-file.js></script> |
| <script src=../video-test.js></script> |
| <script> |
| |
| var trackElement; |
| |
| function start() |
| { |
| findMediaElement(); |
| |
| consoleWrite("** Add a track with video.addTextTrack()."); |
| run("video.addTextTrack('descriptions', 'Descriptions Track', 'en')"); |
| |
| consoleWrite("<br>** Add a <track> element with DOM API."); |
| run("trackElement = document.createElement('track')"); |
| run("trackElement.setAttribute('kind', 'chapters')"); |
| run("video.appendChild(trackElement)"); |
| |
| consoleWrite("<br>** Verify track order."); |
| testExpected("video.textTracks.length", 3); |
| testExpected("video.textTracks[0].kind", "captions"); |
| testExpected("video.textTracks[1].kind", "chapters"); |
| testExpected("video.textTracks[2].kind", "descriptions"); |
| |
| consoleWrite("<br>** Verify the default parameters of the text track object returned by addTextTrack(). **"); |
| testExpected("video.textTracks[2].mode == 'hidden'", true); |
| testExpected("video.textTracks[2].cues != null", true); |
| testExpected("video.textTracks[2].cues.length == 0", true); |
| |
| consoleWrite("<br>** Add another <track> element, is should insert before the addTextTrack() track."); |
| run("trackElement = document.createElement('track')"); |
| run("trackElement.setAttribute('kind', 'metadata')"); |
| run("video.appendChild(trackElement)"); |
| |
| testExpected("video.textTracks.length", 4); |
| testExpected("video.textTracks[0].kind", "captions"); |
| testExpected("video.textTracks[1].kind", "chapters"); |
| testExpected("video.textTracks[2].kind", "metadata"); |
| testExpected("video.textTracks[3].kind", "descriptions"); |
| |
| consoleWrite(""); |
| endTest(); |
| } |
| |
| </script> |
| </head> |
| <body onload="start()"> |
| <p>Tests that TextTracks in a TextTrackList are kept in the correct order.</p> |
| <video> |
| <track id="track_1" kind="captions" src="captions-webvtt/tc004-webvtt-file.vtt" > |
| </video> |
| </body> |
| </html> |
