我正在开发媒体源扩展，以无缝循环播放视频，没有任何延迟。我对此进行了广泛的研发，也做了不同的事情。现在我正在处理这段代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<video controls></video>
<script>
var video = document.querySelector('video');
var assetURL = 'test1.mp4';
// Need to be specific for Blink regarding codecs
// ./mp4info frag_bunny.mp4 | grep Codec
var mimeCodec = 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"';
if ('MediaSource' in window && MediaSource.isTypeSupported(mimeCodec)) {
var mediaSource = new MediaSource;
//console.log(mediaSource.readyState); // closed
video.src = URL.createObjectURL(mediaSource);
mediaSource.addEventListener('sourceopen', sourceOpen);
} else {
console.error('Unsupported MIME type or codec: ', mimeCodec);
}
function sourceOpen (_) {
//console.log(this.readyState); // open
var mediaSource = this;
var sourceBuffer = mediaSource.addSourceBuffer(mimeCodec);
fetchAB(assetURL, function (buf) {
sourceBuffer.addEventListener('updateend', function (_) {
mediaSource.endOfStream();
video.play();
//console.log(mediaSource.readyState); // ended
});
sourceBuffer.appendBuffer(buf);
});
};
function fetchAB (url, cb) {
console.log(url);
var xhr = new XMLHttpRequest;
xhr.open('get', url);
xhr.responseType = 'arraybuffer';
xhr.onload = function () {
cb(xhr.response);
};
xhr.send();
};
</script>
</body>
</html>
它工作正常，但视频再次播放时稍有延迟。我想毫不拖延地播放视频，我知道媒体源扩展是可能的，但是在花了很多时间之后仍然不知道该怎么做。任何帮助将非常感激。谢谢
最佳答案
设置mode值为 sequence为我工作，它确保连续的媒体播放，无论媒体片段时间戳是否不连续。
sourceBuffer.mode = 'sequence';
关于javascript - 如何使用媒体源扩展以无缝循环播放视频，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42355761/