Question

我想创建一个可以播放多种分辨率的视频播放器，所以我必须加载不同编解码器的块。

我试图附加相同编解码器的块，并且可以正常工作。因此，我尝试使用changeType（），但是当我在视频元素中添加新的编解码器块时，我发现了此错误“ CHUNK_DEMUXER_ERROR_APPEND_FAILED：追加：流解析失败。”。

const myMediaSource = new MediaSource();
var videoSourceBuffer;
var quality=480,qlast=480;
var currentSegment = 0;
var loading = false;

function videos() {
    myMediaSource.addEventListener('sourceopen', sourceOpen, { once: true});
}

function sourceOpen() {
    setInterval(feedVideo, 500);
}

function feedVideo() {
    if (!loading) {
        try {
            if (myMediaSource.sourceBuffers.length == 0) {
                videoSourceBuffer = myMediaSource.addSourceBuffer('video/mp4; codecs="avc1.64001E,mp4a.40.2"');
                appendSegment("cinit.mp4", 0);
                first = true;
            } else {
                if (qlast != quality) {
                    videoSourceBuffer = myMediaSource.sourceBuffers[0];
                    if (quality == 1080) {
                        type = 'video/mp4; codecs="avc1.640028,mp4a.40.2"';
                    }
                    else if (quality == 720) {
                        type = 'video/mp4; codecs="avc1.64001F,mp4a.40.2"';
                    }
                    else if (quality == 480) {
                        type = 'video/mp4; codecs="avc1.64001E,mp4a.40.2"';
                    }
                    else if (quality == 360) {
                        type = 'video/mp4; codecs="avc1.64001E,mp4a.40.2"';
                    }
                    videoSourceBuffer.changeType(type);
                    videoSourceBuffer.mode = "segments";
                    qlast = quality;
                }
            }
            if (!first) {
                appendSegment("c" + currentSegment + ".m4s", currentSegment);
            }
            else {
                first = false;
            }
        } catch (error) {
            console.log('Error! ' + error);
        }
    }
}

function appendSegment(file, resourcesIndex) {
    loading = true;
    fetch("http://mysite/video/" + quality + "p/" + file).then(function (response) {
        return response.arrayBuffer();
    }).then(function (videoData) {
        videoSourceBuffer.appendBuffer(videoData);
        videoSourceBuffer.addEventListener('updateend', function () {
        loading = false;
        }, { once: true });
    });
}

我该如何解决？

Answer 1

您几乎肯定不需要在这里使用changeType，因为它通常用于更改编解码器（例如avc-> hevc）或容器（例如mp4-> webm），而您只是在内部切换相同的编解码器和容器。

几乎可以肯定的问题是，您没有在质量更改上附加初始化段-您仅在第一个质量级别上执行此操作。

修复：在每种新质量的第一个媒体片段之前插入一个适当的初始化片段。

附加块时如何解决CHUNK_DEMUXER_ERROR_APPEND_FAILED错误？

1 个答案: