相关疑难解决方法(0)

我正在开展一个项目,我想:

1. 加载视频js并将其显示在画布上.
2. 使用过滤器来改变画布的外观(以及视频).
3. 使用MediaStream captureStream()方法和MediaRecorder对象记录画布表面和原始视频的音频.
4. 在HTML视频元素中播放画布和音频的流.

我已经能够通过调整这个WebRTC演示代码在视频元素中显示画布记录:https://webrtc.github.io/samples/src/content/capture/canvas-record/

也就是说,我无法弄清楚如何在画布旁边录制视频的音频.是否可以从两个不同的源/元素创建包含MediaStreamTrack实例的MediaStream？

根据MediaStream API的规范,理论上应该有一些方法来实现这个目标:https: //w3c.github.io/mediacapture-main/#introduction

"MediaStream API中的两个主要组件是MediaStreamTrack和MediaStream接口.MediaStreamTrack对象表示源自用户代理中的一个媒体源的单一类型的媒体,例如由网络摄像头生成的视频.MediaStream用于分组几个MediaStreamTrack对象分成一个单元,可以在媒体元素中记录或渲染."