小编ama*_*azi的帖子

以 mp4 格式录制 HTML5 画布动画

我在将画布录制为 mp4 文件格式的视频时遇到问题。我设法使用 RecordRTC 将画布记录为 webm 格式。当我尝试提供 mimetype: video/mp4 时,它给出了一个错误,无法记录为 mimetype: video/mp4。

 var canvas = document.getElementById('canvas');
            var canvasStream = canvas.captureStream();

            var finalStream = new MediaStream();
            audioStream.getAudioTracks().forEach(function(track) {
                finalStream.addTrack(track);
            });
            canvasStream.getVideoTracks().forEach(function(track) {
                finalStream.addTrack(track);
            });

            var recorder = RecordRTC(finalStream, {
            type: 'video',
            mimeType: 'video/mp4'
            });

            recorder.startRecording();
Run Code Online (Sandbox Code Playgroud)

上面的代码适用于 webM 格式。我看不到将 HTML5 画布录制为 mp4 格式的视频的方法。我只需要将它从 webm 转换为 mp4。这需要很多时间。有没有什么办法可以直接把canvas录制成mp4而不经过先制作webm然后再转换成mp4的过程?

谢谢。

html javascript ffmpeg canvas recordrtc

5
推荐指数
1
解决办法
7182
查看次数

标签 统计

canvas ×1

ffmpeg ×1

html ×1

javascript ×1

recordrtc ×1