html5 mediaRecorder 录制的文件无法拖动进度条

Question

let blob = new Blob(this.buffer, {
            type: this.recorderOptions.mimeType
        });
        let ObjectURL = window.createObjectURL || window.URL || window.webkitURL;
        let url = ObjectURL.createObjectURL(blob);
        let a = document.createElement('a');
        a.href = url;
        a.style.display = 'none';
        a.download = this.recorderOptions.name + '.webm';
        a.click();

其他代码不复制了 播放一切正常 就是无法拖动进度条,请大佬赐教

Answer 1

亲测有效，解决方案：https://github.com/yusitnikov...

recorder.onstop = () => {
      const duration = Date.now() - startTime;
      //结束录制时下载视频
      const webmdata = new Blob(data, { type: 'video/webm' });
      fixWebmDuration(webmdata, duration, function (fixedBlob) {
        const url = URL.createObjectURL(new Blob([fixedBlob], { type: 'video/webm' }));
        console.log(url);
        window.URL.revokeObjectURL(url);
      });
    };

其他解决方案：https://www.go2live.cn/nocate...

Answer 2

你好，想问下mediarecorder 录制的文件无法拖动进度条 这个问题你找到解决办法了吗？我现在也是遇到这个问题了