HTML使用MediaRecorder记录画布,并在其中包含视频

问题描述 投票:0回答:1

我正在尝试从画布上录制带有一系列图片,gif的视频,以及一些视频,甚至是随时间推移而显示的歌曲(音频)。现在我已经实现:-使用canvas.captureStream()MediaRecorder录制带有图片,gif和视频的视频而没有任何音频我想知道的是:-弄清楚为什么录制的视频在画布内没有视频的音频?-是否可以在特定的时间戳将歌曲添加到录制的视频中?

我注意到有关如何同时录制画布和音频的类似问题(下面的链接),但是我不知道为什么视频的音频应分开处理。如果这是唯一的解决方案,那么是否有任何方法可以在特定时间添加音轨,而不是在录制视频的开头?

MediaStream Capture Canvas and Audio Simultaneously

谢谢!

javascript canvas audio video mediarecorder
1个回答
0
投票
  • 找出为什么录制的视频在画布内没有视频的音频?

画布没有音频。

  • 是否有办法在特定的时间戳记下歌曲到录制的视频中?

简短地自己重新混合所有内容,不是真的。但是,您可能根本不需要这样做。只需同时播放音频并同时录制两者即可。

制作一个新的MediaStream,它将CanvasCaptureMediaStream中的视频轨道和所需位置的音频轨道结合在一起。您可以在其他流上使用.getVideoTracks().getAudioTracks(),并使用一组音轨实例化新的流。

const stream = new MediaStream([audioTrack, videoTrack]);
© www.soinside.com 2019 - 2024. All rights reserved.