Html5 将音频流与视频流分开

Html5 separating audio stream from video stream

使用 userMedia 我得到了一个包含视频和音频的流。 有没有办法将它们分开?即从一个流中获得 2 个流,一个只有视频,另一个只有音频?

使用 MediaStream constructor 从音频和视频轨道创建新流:

let stream = await navigator.mediaDevices.getUserMedia({video: true, audio: true});
audioStream = new MediaStream(stream.getAudioTracks());
videoStream = new MediaStream(stream.getVideoTracks());

这是一个working fiddle