| <html> |
| <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
| <title>closed caption API test</title> |
| |
| <script src=video-test.js></script> |
| |
| <script> |
| var movieInfo = |
| { |
| current : -1, |
| movies : |
| [ |
| { |
| url : "content/test.wav", |
| description : "Audio-only file without captions", |
| hasCaptions : false, |
| }, |
| { |
| url : "content/counting-captioned.mov", |
| description : "QuickTime movie with captions.", |
| hasCaptions : true, |
| }, |
| ] |
| }; |
| |
| |
| function canplaythrough() |
| { |
| var movie = movieInfo.movies[movieInfo.current]; |
| |
| testExpected("mediaElement.webkitHasClosedCaptions", movie.hasCaptions); |
| testExpected("mediaElement.webkitClosedCaptionsVisible", false); |
| |
| // Try to enable captions, they should only be enabled after if the movie has captions. |
| consoleWrite("*** enabling captions"); |
| mediaElement.webkitClosedCaptionsVisible = true; |
| testExpected("mediaElement.webkitClosedCaptionsVisible", movie.hasCaptions); |
| |
| openNextMovie(); |
| } |
| |
| function openNextMovie() |
| { |
| consoleWrite(""); |
| |
| movieInfo.current++; |
| if (movieInfo.current >= movieInfo.movies.length) |
| { |
| endTest(); |
| return; |
| } |
| |
| var url = movieInfo.movies[movieInfo.current].url; |
| video.src = url; |
| var desc = "<b>Loading</b> <em>\""+ url + "\"</em>" + |
| ". " + movieInfo.movies[movieInfo.current].description + ".</em>"; |
| consoleWrite(desc); |
| if (movieInfo.current > 0) |
| video.load(); |
| } |
| |
| function start() |
| { |
| findMediaElement(); |
| |
| waitForEvent("error"); |
| waitForEvent("loadstart"); |
| waitForEvent("waiting"); |
| waitForEvent("ratechange"); |
| waitForEvent("durationchange"); |
| waitForEvent("pause"); |
| waitForEvent("play"); |
| waitForEvent("playing"); |
| |
| waitForEvent('canplaythrough', canplaythrough); |
| |
| consoleWrite("<b>Test before movie is open:</b>"); |
| testExpected("mediaElement.webkitHasClosedCaptions", false); |
| testExpected("mediaElement.webkitClosedCaptionsVisible", false); |
| |
| openNextMovie(); |
| } |
| |
| </script> |
| |
| </head> |
| |
| <body onload="start()"> |
| |
| <video controls></video> |
| |
| <p>Test media element close caption API.</p> |
| |
| </body> |
| </html> |
