test_TimestampOffset_mp4.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<head>

  <title>MSE: basic functionality</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) => {

  const eps = 0.01;

  await once(ms, "sourceopen");

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

  const audiosb = ms.addSourceBuffer("audio/mp4");

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

  // We divide the video into 3 chunks:

  // chunk 0: segments 1-4

  // chunk 1: segments 5-8

  // chunk 2: segments 9-13

  // We then fill the timeline so that it seamlessly plays the chunks in order 0, 2, 1.

  const vchunks = [{start: 0, end: 3.2033},

                    { start: 3.2033, end: 6.4066},

                    { start: 6.4066, end: 10.01}];

  const firstvoffset = vchunks[2].end - vchunks[2].start; // Duration of chunk 2

  const secondvoffset = -(vchunks[1].end - vchunks[1].start); // -(Duration of chunk 1)

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

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

  is(videosb.buffered.length, 1, "No discontinuity");

  isfuzzy(videosb.buffered.start(0), vchunks[0].start, eps, "Chunk start");

  isfuzzy(videosb.buffered.end(0), vchunks[0].end, eps, "Chunk end");

  videosb.timestampOffset = firstvoffset;

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

  is(videosb.buffered.length, 2, "One discontinuity");

  isfuzzy(videosb.buffered.start(0), vchunks[0].start, eps, "First Chunk start");

  isfuzzy(videosb.buffered.end(0), vchunks[0].end, eps, "First chunk end");

  isfuzzy(videosb.buffered.start(1), vchunks[1].start + firstvoffset, eps, "Second chunk start");

  isfuzzy(videosb.buffered.end(1), vchunks[1].end + firstvoffset, eps, "Second chunk end");

  videosb.timestampOffset = secondvoffset;

  await fetchAndLoad(videosb, "bipbop/bipbop_video", range(9, 14), ".m4s");

  is(videosb.buffered.length, 1, "No discontinuity (end)");

  isfuzzy(videosb.buffered.start(0), vchunks[0].start, eps, "Chunk start");

  isfuzzy(videosb.buffered.end(0), vchunks[2].end, eps, "Chunk end");

  audiosb.timestampOffset = 3;

  await fetchAndLoad(audiosb, "bipbop/bipbop_audio", ["init"], ".mp4");

  await fetchAndLoad(audiosb, "bipbop/bipbop_audio", range(1, 12), ".m4s");

  is(audiosb.buffered.length, 1, "No audio discontinuity");

  isfuzzy(audiosb.buffered.start(0), 3, eps, "Audio starts at 3");

  // Trim the rest of the audio.

  audiosb.remove(videosb.buffered.end(0), Infinity);

  videosb.remove(videosb.buffered.end(0), Infinity);

  if (audiosb.updating) {

    await once(audiosb, "updateend");

  if (videosb.updating) {

    await once(videosb, "updateend");

  info("waiting for play to complete");

  el.play();

  el.currentTime = el.buffered.start(0);

  ms.endOfStream();

  await Promise.all([once(el, "ended"), once(el, "seeked")]);

  SimpleTest.finish();

});

</script>

</pre>

</body>

</html>