Reproducción de audio con Javascript?

Es fácil, simplemente obtenga su elemento audio y llame al método play():

document.getElementById('yourAudioTag').play();

Mira este ejemplo: http://www.storiesinflight.com/html5/audio.html

Este sitio descubre algunas de las otras cosas interesantes que puede hacer, como load(), pause(), y algunas otras propiedades del elemento audio.

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

SoundManager 2 proporciona una API fácil de usar que permite reproducir sonido en cualquier navegador moderno, incluido IE 6+. Si el navegador no es compatible con HTML5, entonces recibe ayuda de Flash. Si quieres estrictamente HTML5 y sin flash, hay una configuración para eso, preferFlash=false

Es compatible con audio 100% libre de Flash en iPad, iPhone (iOS4) y otros dispositivos habilitados para HTML5 + navegadores

El uso es tan simple as:

<script src="soundmanager2.js"></script>
<script>
    // where to find flash SWFs, if needed...
    soundManager.url = '/path/to/swf-files/';

    soundManager.onready(function() {
        soundManager.createSound({
            id: 'mySound',
            url: '/path/to/an.mp3'
        });

        // ...and play it
        soundManager.play('mySound');
    });
</script>

Aquí hay una demostración de ello en acción: http://www.schillmania.com/projects/soundmanager2/demo/christmas-lights /

Esta es una pregunta bastante antigua, pero quiero agregar información útil. El iniciador del tema ha mencionado que es "making a game". Así que para todos los que necesitan audio para el desarrollo de juegos hay una mejor opción que solo una etiqueta <audio> o un HTMLAudioElement. Creo que deberías considerar el uso de la API Web Audio :

Mientras que el audio en la web ya no requiere un plugin, la etiqueta de audio trae limitaciones significativas para la implementación de juegos sofisticados y aplicaciones interactivas. web Audio API es una API JavaScript de alto nivel para procesar y sintetizar audio en aplicaciones web. El objetivo de esta API es incluir las capacidades que se encuentran en los motores de audio de juegos modernos y algunas de las tareas de mezcla, procesamiento y filtrado que se encuentran en las aplicaciones modernas de producción de audio de escritorio.

Fácil con Jquery

/ / establecer etiquetas de audio sin precarga

<audio class="my_audio" controls preload="none">
    <source src="audio/my_song.mp3" type="audio/mpeg">
    <source src="audio/my_song.ogg" type="audio/ogg">
</audio>

/ / añadir jquery para cargar

$(".my_audio").trigger('load');

/ / métodos de escritura para reproducir y detener

function play_audio(task) {
      if(task == 'play'){
           $(".my_audio").trigger('play');
      }
      if(task == 'stop'){
           $(".my_audio").trigger('pause');
           $(".my_audio").prop("currentTime",0);
      }
 }

/ / decide cómo controlar el audio

<button onclick="play_audio('play')">PLAY</button>
<button onclick="play_audio('stop')">STOP</button>

EDITAR

Para responder a la pregunta de @stomy, aquí está cómo usarías este enfoque para reproducir una lista de reproducción :

Establece tus canciones en un objeto:

playlist = {
    'song_1' : 'audio/splat.mp3',
    'song_2' : 'audio/saw.mp3',
    'song_3' : 'audio/marbles.mp3',
    'song_4' : 'audio/seagulls.mp3',
    'song_5' : 'audio/plane.mp3'
}

Utilice las funciones de gatillo y reproducción como antes:

$(".my_audio").trigger('load');

function play_audio(task) {
      if(task == 'play'){
           $(".my_audio").trigger('play');
      }
      if(task == 'stop'){
           $(".my_audio").trigger('pause');
           $(".my_audio").prop("currentTime",0);
      }
 }

Carga la primera canción dinámicamente:

keys = Object.keys(playlist);
$('.my_audio').append("<source id='sound_src' src=" + playlist[keys[0]] + " type='audio/mpeg'>");

Restablecer la fuente de audio a la siguiente canción en la lista de reproducción, cuando la canción actual termina:

count = 0; 
$('.my_audio').on('ended', function() { 
   count++;  
   $("#sound_src").attr("src", playlist[keys[count]])[0];
   $(".my_audio").trigger('load');
   play_audio('play');
});

Ver aquí para un ejemplo de este código en acción.

new Audio('./file.mp3').play()

Agregue un audio oculto y reprodúzcalo.

function playSound(url){
  var audio = document.createElement('audio');
  audio.style.display = "none";
  audio.src = url;
  audio.autoplay = true;
  audio.onended = function(){
    audio.remove() //Remove when played.
  };
  document.body.appendChild(audio);
}

Solución bastante simple si tienes una etiqueta HTML como la siguiente:

<audio id="myAudio" src="some_audio.mp3"></audio>

Solo usa JavaScript para reproducirlo, así:

document.getElementById('myAudio').play();

Si está recibiendo el siguiente error:

Uncaught (in promise) DOMException: play() falló porque el usuario no interactuó con el documento primero.

Eso significa que el usuario necesita interactuar primero con el sitio web (como dice el mensaje de error). En este caso, debe usar click o simplemente otro receptor de eventos, para que el usuario pueda interactuar con su sitio web.

Si desea cargar automáticamente el audio y no desea que el usuario interactúe con el documento primero, puedes usar setTimeout.

setTimeout(() => {
  document.getElementById('mySound').play();
}, 500)

<audio id="mySound" src="sound.mp3"></audio>

El sonido comenzará después de 0,5 segundos.

Usé este método para reproducir un sonido...

var audioElement;
if(!audioElement) {
  audioElement = document.createElement('audio');
  audioElement.innerHTML = '<source src="' + '/audio/sound.mp3'+ '" type="audio/mpeg" />'
}
audioElement.play();

Si desea reproducir su audio cada vez que se abre la página, haga lo siguiente.

<script>
  function playMusic(){
  music.play();
  }
  </script>
<html>
  <audio id="music" loop src="sounds/music.wav" autoplay> </audio>
  </html>

Y llama a esta playMusic() cuando lo necesites en tu código de juego.

var song = new Audio();
song.src = 'file.mp3';
song.play();

Puede utilizar la API de Audio web para reproducir sonidos. Hay bastantes bibliotecas de audio por ahí como Howler.js, soundjs etc. Si no se preocupa por los navegadores antiguos, también puede verificar http://musquitojs.com / . Proporciona una sencilla API para crear y reproducir sonidos.

Por ejemplo, para reproducir un sonido todo lo que tienes que hacer es.

import $buzz from 'musquito';

const buzz = $buzz('gunfire.mp3');

buzz.play();

La biblioteca también soporta Sprites de Audio.