test_WaitingOnMissingDataEnded_mp4.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html><head>

<meta http-equiv="content-type" content="text/html; charset=windows-1252">

  <title>MSE: |waiting| event when source data is missing</title>

  <script src="/tests/SimpleTest/SimpleTest.js"></script>

  <script type="text/javascript" src="mediasource.js"></script>

  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />

</head>

<body>

<pre id="test"><script class="testbody" type="text/javascript">

SimpleTest.waitForExplicitFinish();

runWithMSE(async (ms, el) => {

  el.controls = true;

  await once(ms, "sourceopen");

  ok(true, "Receive a sourceopen event");

  el.addEventListener("ended", () => {

    ok(false, "ended should never fire");

    SimpleTest.finish();

});

  const videosb = ms.addSourceBuffer("video/mp4");

  await fetchAndLoad(videosb, "bipbop/bipbop_video", ["init"], ".mp4");

  await fetchAndLoad(videosb, "bipbop/bipbop_video", range(1, 5), ".m4s");

  await fetchAndLoad(videosb, "bipbop/bipbop_video", range(6, 8), ".m4s");

  is(el.buffered.length, 2, "discontinuous buffered range");

  ms.endOfStream();

  await Promise.all([once(el, "durationchange"), once(ms, "sourceended")]);

  // HTMLMediaElement fires "waiting" if somebody invokes |play()| before the MDSM

  // has notified it of available data. Make sure that we get "playing" before

  // we starting waiting for "waiting".

  info("Invoking play()");

  el.play();

  await once(el, "playing");

  ok(true, "Video playing. It should play for a bit, then fire 'waiting'");

  await once(el, "waiting");

  // waiting is fired when we start to play the last frame.

  // 0.033334 is the duration of the last frame, + 0.000001 of fuzz.

  // the next video frame, currentTime can be up to 1 frame's worth earlier than end of video.

  isfuzzy(el.currentTime, videosb.buffered.end(0), 0.033334, "waiting was fired on gap");

  SimpleTest.finish();

});

</script>

</pre>

</body>

</html>