Estoy tratando de hacer un guión que obtenga el audio de un elemento de audio y lo reproduzca en los altavoces de los auriculares y de la computadora portátil al mismo tiempo. es posible?
Este es el código que escribí hasta ahora:
const outputs = (await navigator.mediaDevices.enumerateDevices()).filter(({ kind, deviceId }) => kind === 'audiooutput' && deviceId !== 'default' && deviceId !== 'communications' ); var players = []; document.querySelectorAll('audio').forEach((y)=>{ players.push([]); let l = players.length-1; outputs.forEach((x)=>{ if(players[l].length===0) players[l].push(y); else { let p = y.cloneNode(); p.srcObject = players[l][0].srcObject.clone(); players[l].push(p); } }); }) players.forEach((a)=>{ a.forEach((o, i)=>{ o.setSinkId(outputs[i].deviceId); o.play(); }) })El problema con este código es que hace que el audio solo se reproduzca en el otro altavoz en lugar de reproducirlo en ambos.
Tenga en cuenta que la ventana tiene acceso al micrófono, por lo que puedo ver todos los dispositivos desde navigator.mediaDevices.enumerateDevices() . El script está diseñado para funcionar principalmente en Edge y Chrome.
¡Encontré una solución!
Como no podía reproducir sonido en varios dispositivos a la vez en la misma ventana, logré hacerlo creando iframes que contienen elementos de audio. Luego configuro la misma fuente para todos esos elementos de audio y los configuro para que emitan audio en un dispositivo específico y sincronizo la reproducción/detención con los detectores de eventos.
Esto funciona porque los iframes están separados por la ventana principal. En realidad, creo que obtienen su propio proceso (en los navegadores Chrome).
Mi código se ve así: (tenga en cuenta que no estoy usando fuentes estáticas, sino srcObjects)
navigator.mediaDevices.getUserMedia({audio: true}).then(s=>{ s.getTracks().forEach(x=>x.stop()); //stop mic use because we need only outputs navigator.mediaDevices.enumerateDevices().then(o=>{ const outputs = o.filter(({ kind, deviceId }) => kind === 'audiooutput' && deviceId !== 'default' && deviceId !== 'communications'); let audioSrc = getAudioSrc(), players = []; audioSrc.src.pause(); // Pause source to start audio in sync ? audioSrc.src.addEventListener("pause", () => players.forEach(x=>x.pause())); audioSrc.src.addEventListener("play", () => players.forEach(x=>x.play())); outputs.forEach((x)=>{ let ifrm = makeIFrame(), audioEl = makeAudio(ifrm.document, audioSrc.s, x.deviceId); players.push(audioEl); }); }); }).catch(e=>console.log(e));