Tengo una interfaz gráfica de usuario basada en JS que usa WebRTC para el intercambio de audio con un servidor. La negociación WebRTC funciona bien, y con un solo conjunto de pistas de audio (entrantes y salientes), los componentes de audio funcionan bien.
Sin embargo, encontré un problema en el que no puedo agregar más de la primera pista recibida a mi contexto de audio web.
De acuerdo con la documentación, el evento RTCTrackEvent para mi conexión WebRTC devuelve un event que contiene event.streams y event.track . El objeto de streams siempre será el mismo para una única conexión RTC (por lo que sé), mientras que el objeto de track es la pista única que intento reproducir.
Me di cuenta de esto porque originalmente estaba llamando a audioCtx.createMediaStreamSource(event.streams[0]) para cada pista recibida, pensando que el objeto streams contenía el nuevo audio de la pista. Sin embargo, eso terminó con múltiples copias de la primera pista reproduciéndose una encima de la otra. Consulte la sección "Orden de pistas" aquí para conocer el motivo.
La forma correcta de agregar y reproducir la nueva pista (por lo que sé) sería llamar a createMediaStreamTrackSource(event.track) y conectar el nodo resultante a mi diagrama de flujo de audio web. Sin embargo, esta función solo es compatible con Firefox a partir de ahora. ¿Eso significa que realmente no hay forma de agregar pistas adicionales recibidas desde una conexión WebRTC a un diagrama de flujo de audio web en otros navegadores? Eso parece poco probable. ¿Quién aquí conoce el truco secreto para hacer que esto funcione?
Bueno, eso fue en realidad mucho más simple de lo que pensé que sería. Todo lo que necesita hacer para solucionar esto es crear un nuevo MediaStream a partir de la pista que necesita agregar:
var newStream = new MediaStream( [ event.track ] ); // must be an array var newSource = audioCtx.createMediaStreamSource(newStream); newSource.connect(audioCtx.destination);