createObjectURL：使用 Blob 时在 Safari 中键入错误

Question

在 HTML <video> 对象中，我无法播放由 video.js-record 库录制的视频。我检查了在 player.recordedData 变量中返回的 Blob，并希望将其分配给文档中示例中提到的对象：

recordedVideo.src = createObjURL(this.player.recordedData);

失败并在此特定行出现错误：

未处理的承诺拒绝：TypeError：类型错误

--

（我已经在使用此功能检查URL 与webkitURL 的使用情况：

function createObjURL ( file ) {
    if ( window.webkitURL ) {
        return window.webkitURL.createObjectURL( file );
    } else if ( window.URL && window.URL.createObjectURL ) {
        return window.URL.createObjectURL( file );
    } else {
        return null;
    }
}

而且它似乎使用了正确的版本。）

Answer 1

查看 video.js-record 的文档，player.recordedData 不是 Blob（您需要传递给 createObjectUrl），而是一个 Blob 段数组 - 这将与 TypeError 匹配。

以下更改应该会有所帮助：

function createObjURL ( blobPieces ) {
    var blob = new Blob(blobPieces, { type: 'video/webm' });
    if ( window.webkitURL ) {
        return window.webkitURL.createObjectURL( blob );
    } else if ( window.URL && window.URL.createObjectURL ) {
        return window.URL.createObjectURL( blob );
    } else {
        return null;
    }
}