Question

<div class="container">
    <div class="row">
        <div class="col-12">
            <video controls width="800"></video>
        </div>
    </div>
</div>

var video = document.querySelector('video');
//var assetURL = 'resources/vid/640x480_Q_crf_10_120s_tears_of_steel_1080p.webm';
var assetURL = 'resources/vid/frag_bunny.mp4';

//var mimeCodec = 'video/webm; codecs="vorbis, vp9"';
var mimeCodec = 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"';

var mediaSource = new MediaSource();
var sourceBuffer = null;

video.src = URL.createObjectURL(mediaSource);
mediaSource.addEventListener('sourceopen', sourceOpen);


function sourceOpen() {
    sourceBuffer = mediaSource.addSourceBuffer(mimeCodec);

    var xhr = new XMLHttpRequest;
    xhr.open('get', assetURL);
    xhr.responseType = 'arraybuffer';
    xhr.onload = function () {
        sourceBuffer.appendBuffer(xhr.response);
    };
    xhr.send();
}

你好，我对媒体源扩展有问题。

当我插入mp4视频后，播放效果将非常好。但是当我嵌入一个webm视频时，会播放前5到8秒钟，然后停止播放视频。

我不明白为什么代码可以完美地与mp4文件配合使用，而不能与webm（vp9）文件配合使用。

有人可以帮助我吗？

亲切的问候

mediasource webm播放不正确

0 个答案: