비디오 스트림에서 오디오 스트림을 분리하는 Html5

Question

userMedia를 사용하면 비디오와 오디오가 모두 포함 된 스트림을 얻을 수 있습니다. 분리 할 방법이 있습니까? 즉, 하나의 스트림에서 2 개의 스트림 하나는 비디오 만 있고 다른 하나는 오디오 만 가질 수 있습니까?

Answer 1

사용 MediaStream constructor 오디오 및 비디오 트랙의 새로운 흐름을 만들려면 다음

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

가 여기 working fiddle입니다.