зеркало из https://github.com/mozilla/gecko-dev.git
84 строки
2.7 KiB
HTML
84 строки
2.7 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<title>MSE: truncating the media seeks to end of media and update buffered range</title>
|
|
<script type="text/javascript" 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">
|
|
|
|
// This test append data to a mediasource and then seek to half the duration
|
|
// of the video.
|
|
// We then shorten the video to 1/3rd of its original size.
|
|
// We ensure that the buffered range immediately reflect the truncation
|
|
// and that we've seeked to the new end of the media as per W3C spec and
|
|
// video.currentTime got updated.
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
|
|
function round(n) {
|
|
return Math.round(n * 1000) / 1000;
|
|
}
|
|
|
|
function do_seeking(e) {
|
|
var v = e.target;
|
|
v.removeEventListener("seeking", do_seeking);
|
|
SimpleTest.finish();
|
|
}
|
|
|
|
function do_seeked(e) {
|
|
var v = e.target;
|
|
v.removeEventListener("seeked", do_seeked);
|
|
var duration = round(v.duration / 3);
|
|
is(v._sb.updating, false, "sourcebuffer isn't updating");
|
|
v._sb.remove(duration, Infinity);
|
|
once(v._sb, "updateend", function() {
|
|
v._ms.duration = duration
|
|
// frames aren't truncated, so duration may be slightly more.
|
|
isfuzzy(v.duration, duration, 1/30, "element duration was updated");
|
|
v._sb.abort(); // this shouldn't abort updating the duration (bug 1130826).
|
|
ok(v.seeking, "seeking is true");
|
|
// test playback position was updated (bug 1130839).
|
|
is(v.currentTime, v.duration, "current time was updated");
|
|
is(v._sb.buffered.length, 1, "One buffered range");
|
|
// Truncated mediasource duration will cause the video element to seek.
|
|
v.addEventListener("seeking", do_seeking);
|
|
});
|
|
}
|
|
|
|
function do_loaded(e) {
|
|
var v = e.target;
|
|
v.removeEventListener("loadeddata", do_loaded);
|
|
// mp4 metadata states 10s when we only have 1.6s worth of video.
|
|
v._sb.remove(v._sb.buffered.end(0), Infinity);
|
|
once(v._sb, "updateend", function() {
|
|
v._ms.duration = v._sb.buffered.end(0);
|
|
is(v.duration, v._ms.duration, "current time updated with mediasource duration");
|
|
v.currentTime = v.duration / 2;
|
|
is(v.currentTime, v.duration / 2, "current time was updated");
|
|
ok(v.seeking, "seeking is true");
|
|
v.addEventListener("seeked", do_seeked);
|
|
});
|
|
}
|
|
|
|
runWithMSE(function (ms, v) {
|
|
ms.addEventListener("sourceopen", function () {
|
|
var sb = ms.addSourceBuffer("video/mp4");
|
|
v._sb = sb;
|
|
v._ms = ms;
|
|
|
|
fetchWithXHR("bipbop/bipbop2s.mp4", function (arrayBuffer) {
|
|
sb.appendBuffer(new Uint8Array(arrayBuffer));
|
|
v.addEventListener("loadeddata", do_loaded);
|
|
});
|
|
});
|
|
});
|
|
|
|
</script>
|
|
</pre>
|
|
</body>
|
|
</html>
|