Estoy tratando de combinar dos flujos en un elemento de video, pero no funciona. No quiero superponerlos con css al tener dos elementos de video, ya que quiero pasar el objeto de flujo al socio.
navigator.mediaDevices.getUserMedia({ video: true, audio: true }).then( (newStream) => { // setStream(newStream); // if (userVideo.current) { // userVideo.current.srcObject = newStream; // } let canvas = document.getElementById("threeCanvas") let stream = canvas.captureStream(240); const canvasStream = Object.assign(stream.getVideoTracks()[0]); let ctx = new AudioContext(), oscillator = ctx.createOscillator(); let dst = oscillator.connect(ctx.createMediaStreamDestination()); oscillator.start(); const silience = Object.assign(dst.stream.getAudioTracks()[0], { enabled: false }); let dummyStream = new MediaStream([canvasStream, silience]); const combinedStream = //is there a way of combning them here? like combainStream(dummyStream ,newStream) or something if (userVideo.current) { userVideo.current.srcObject = combinedStream; } },