Sonido espacial (2D) en Javascript

Question

Para las necesidades de mi juego, necesito tener sonido 2D. Eso significa que el emitador debe colocarse en algún lugar en un plano 2D. ¿Cómo logro este efecto en Javascript? ¿Necesito usar un formato de sonido especial o puedo controlar el volumen en los parlantes?

Creo que puedo llegar al punto en que tengo 2 volúmenes para cada altavoz, pero no tengo ni idea de cómo aplicar diferentes volúmenes para el mismo sonido en Javascript.

Answer 1

Un artículo que describe exactamente este incluyendo una demostración se puede encontrar here.

Para evitar enlace roto Voy a citar las partes más relevantes a continuación

Por suerte, la API de Web Audio viene con una función de aceleración por hardware características de audio posicional que son bastante sencillo de usar.

La idea central se demuestra en el siguiente código:

PositionSample.prototype.changePosition = function(position) { 
    // Position coordinates are in normalized canvas coordinates 
    // with -0.5 < x, y < 0.5 
    if (position) { 
    if (!this.isPlaying) { 
     this.play(); 
    } 
    var mul = 2; 
    var x = position.x/this.size.width; 
    var y = -position.y/this.size.height; 
    this.panner.setPosition(x * mul, y * mul, -0.5); 
    } else { 
    this.stop(); 
    } 
}; 

El código fuente completo de la versión parcial de programa de trabajo en el primer link anterior se puede encontrar here.

_{Offtopic: consideré volver a escribir el artículo citado por la mano como una respuesta personalizada aquí, pero que parecía relativamente inútil como el artículo ya es más que suficiente clara y hacer doble trabajo parece inútil}

---

Compatibilidad, solo una combinación de flash y el código mencionado anteriormente ofrece una verdadera solución de posicionamiento/panoramización de audio entre navegadores (ya que el flash no está disponible en ciertos dispositivos móviles). Lo ideal sería desaconsejar el uso de la API de audio si se puede eludir, ya que no es poco probable que las cosas cambien en la especificación, posiblemente rompiendo el código (+ no es poco probable que esto no funcione de cualquier manera en los dispositivos móviles). El único escenario donde usar las aplicaciones de audio web más avanzadas tiene sentido es si esperas trabajar al menos otros 6 a 18 meses en tu juego (ya que es el tiempo probable que tomará para que las implementaciones se estabilicen en un punto utilizable) .

Answer 2

Hemos utilizado SoundManager2 en el trabajo, era una solución realmente fácil de usar y una API bien documentada.

http://www.schillmania.com/projects/soundmanager2/

Ejemplo:

soundManager.createSound({ 
id:'mySound1', 
url:'../mpc/audio/CHINA_1.mp3' 
}); 
soundManager.play('mySound1'); 

BSD Licencia: http://www.schillmania.com/projects/soundmanager2/license.txt