Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
<!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();
// This test checks that readyState is properly set and the appropriate events are being fired accordingly:
// 1. Load 1.6s of data and ensure that canplay event is fired.
// 2. Load data to have a complete buffered range from 0 to duration and ensure that canplaythrough is fired.
// 3. Seek to an area with no buffered data, and ensure that readyState goes back to HAVE_METADATA
// 4. Load 1.6s of data at the seek position and ensure that canplay is fired and that readyState is now HAVE_FUTURE_DATA
// 5. Start playing video and check that once it reaches a position with no data, readyState goes back to HAVE_CURRENT_DATA and waiting event is fired.
// 6. Add 1.6s of data once video element fired waiting, that canplay is fired once readyState is HAVE_FUTURE_DATA.
// 7. Finally load data to the end and ensure that canplaythrough is fired and that readyState is now HAVE_ENOUGH_DATA
runWithMSE(async (ms, el) => {
el.controls = true;
await once(ms, "sourceopen");
logEvents(el);
ok(true, "Receive a sourceopen event");
const videosb = ms.addSourceBuffer("video/mp4");
el.addEventListener("error", e => {
ok(false, `should not fire ${e.type} event`);
SimpleTest.finish();
});
is(el.readyState, el.HAVE_NOTHING, "readyState is HAVE_NOTHING");
let p = once(el, "loadedmetadata");
await fetchAndLoad(videosb, "bipbop/bipbop_video", ["init"], ".mp4");
await p;
ok(true, "got loadedmetadata event");
p = Promise.all([once(el, "loadeddata"), once(el, "canplay")]);
await fetchAndLoad(videosb, "bipbop/bipbop_video", range(1, 3), ".m4s");
await p;
ok(true, "got canplay event");
// set element duration to 3.203333s. We do so in order to guarantee that
// the end of the buffered range will be equal to duration, causing
// canplaythrough to be fired later.
ms.duration = 3.203333;
await once(el, "durationchange");
ok(true, "got durationchange event");
// Load [0.801666, 3.203333]
p = once(el, "canplaythrough");
await fetchAndLoad(videosb, "bipbop/bipbop_video", range(3, 5), ".m4s");
await p;
ok(true, "got canplaythrough event");
// set element duration to 9.203333s, this value is set to coincide with
// data added later (we now have an empty range from 6s to 9.203333s).
ms.duration = 9.203333;
await once(el, "durationchange");
ok(true, "got durationchange event");
// An arbitrary value, so we are guaranteed to be in a range with no data.
el.currentTime = 6;
videosb.timestampOffset = 6;
ok(el.seeking, "seeking started");
await once(el, "seeking");
ok(true, "got seeking event");
is(el.readyState, el.HAVE_METADATA, "readyState is HAVE_METADATA");
// Load [6+0, 6+1.601666)
p = Promise.all([once(el, "seeked"), once(el, "canplay")]);
await fetchAndLoad(videosb, "bipbop/bipbop_video", range(1, 3), ".m4s");
await p;
ok(true, "got seeked and canplay event");
is(el.currentTime, 6, "seeked to 6s");
is(el.readyState, el.HAVE_FUTURE_DATA, "readyState is HAVE_FUTURE_DATA");
// Load [6+1.60166, 6+3.203333]
p = once(el, "canplaythrough");
await fetchAndLoad(videosb, "bipbop/bipbop_video", range(3, 5), ".m4s");
await p;
ok(true, "got canplaythrough event");
// set element duration to 19.805s, this value is set to coincide with
// data added later (we now have an empty range from 15 to 19.805).
ms.duration = 19.805;
await once(el, "durationchange");
ok(true, "got durationchange event");
el.currentTime = 15;
videosb.timestampOffset = 15;
ok(el.seeking, "seeking started");
await once(el, "seeking");
ok(true, "got seeking event");
// Load [15+0, 15+1.601666)
p = once(el, "seeked");
await fetchAndLoad(videosb, "bipbop/bipbop_video", range(1, 3), ".m4s");
await p;
ok(true, "got seeked event");
// Load [15+1.60166, 15+3.203333]
await fetchAndLoad(videosb, "bipbop/bipbop_video", range(3, 5), ".m4s");
ok(true, "data loaded");
// Playback we play for a little while then stall.
p = Promise.all([once(el, "playing"), once(el, "waiting")]);
el.play();
await p;
ok(true, "got playing and waiting event");
// Playback has stalled, readyState is back to HAVE_CURRENT_DATA.
is(el.readyState, el.HAVE_CURRENT_DATA, "readyState is HAVE_CURRENT_DATA");
// Load [15+3.203333, 15+4.805)
// Our final buffered range will now be [0, 3.203333)[6, 9.203333)[15, 19.805)
p = Promise.all([once(el, "playing"), once(el, "canplay"), once(el, "canplaythrough")]);
await fetchAndLoad(videosb, "bipbop/bipbop_video", range(5, 7), ".m4s");
await p;
ok(true, "got playing, canplay and canplaythrough event");
SimpleTest.finish();
});
</script>
</pre>
</body>
</html>