LayoutTests/media/video-timeupdate-reverse-play.html

   1 <!DOCTYPE HTML>
   2
   3 <html>
   4     <head>
   5         <script src=media-file.js></script>
   6         <script src=video-test.js></script>
   7
   8         <script>
   9
  10             var startedPlayback = 0;
  11             var seekTime = 0.3;
  12
  13             function canplaythrough()
  14             {
  15                 testExpected("video.currentTime", 0);
  16                 run("video.currentTime = " + seekTime);
  17                 consoleWrite("");
  18             }
  19
  20             function seeked()
  21             {
  22                 // Play backwards
  23                 testExpected("video.currentTime.toFixed(1)", seekTime);
  24                 run("video.play()");
  25                 run("video.playbackRate = -1");
  26                 startedPlayback = true;
  27                 consoleWrite("");
  28             }
  29
  30             function timeupdate()
  31             {
  32                 if (startedPlayback && video.currentTime == 0) {
  33                     consoleWrite("EVENT(timeupdate) fired at time 0");
  34                     testExpected("video.ended", false);
  35                     consoleWrite("");
  36                     endTest();
  37                 }
  38             }
  39
  40             function start()
  41             {
  42                 findMediaElement();
  43
  44                 waitForEvent("error");
  45                 waitForEvent('canplaythrough', canplaythrough);
  46                 waitForEvent('seeked', seeked);
  47                 video.addEventListener("timeupdate", timeupdate);
  48
  49                 video.src = findMediaFile("video", "content/test");
  50             }
  51
  52         </script>
  53     </head>
  54     <body>
  55         <video controls autobuffer></video>
  56         <p>Tests that a 'timeupdate' event is fired when a movie plays<br> in reverse to time zero.</p>
  57         <script>start()</script>
  58         <pre id="console"></pre>
  59     </body>
  60 </html>
  61
  62