third_party/WebKit/LayoutTests/media/audio-repaint.html

   1 <body>
   2 <p>
   3     This tests that in a html document with inline audio content, the media element repaints correctly
   4     while playing.
   5 </p>
   6 <audio controls autoplay onplaying="playing(0)" src="content/silence.wav"></audio><br/>
   7 <audio controls autoplay onplaying="playing(1)" src="content/silence.wav" style="margin-bottom:25px; -webkit-box-reflect:below;"></audio><br/>
   8 <audio controls autoplay onplaying="playing(2)" src="content/silence.wav" style="margin:27px 0; transform: rotate(15deg);"></audio><br>
   9 <script>
  10     // Note: can't dump repaint rects here (yet) because this is trying to
  11     // test autoplaying and window.internals doesn't exist at the right time
  12     // to start tracking repaint rects.
  13     if (window.testRunner)
  14         testRunner.waitUntilDone();
  15
  16     var count = 3;
  17     var audioElements = document.getElementsByTagName('audio');
  18
  19     function playing(i) {
  20         var audio = audioElements[i];
  21         audio.pause();
  22         audio.addEventListener("seeked", function() {
  23         if (!--count && window.testRunner)
  24             testRunner.notifyDone();
  25         }, true);
  26         audio.currentTime = audio.duration * 0.50;
  27     }
  28 </script>
  29 </body>