Cómo reproducir audio HTML5 en background

HTML5 es el próximo estándar de internet, y su versatilidad no deja de sorprenderme según voy investigando sus características. Lo que antes sólo podíamos imaginar hacerlo con Flash, ahora lo podemos hacer con unas simples líneas de código.

Una de estas características es reproducir sonido como fondo de una página web:

<script>
  function play(sound) {
 
    if (window.HTMLAudioElement) {
      var snd = new Audio('');
 
      if(snd.canPlayType('audio/ogg')) {
        snd = new Audio('sonidos/' + sound + '.ogg');
      }
      else if(snd.canPlayType('audio/mp3')) {
        snd = new Audio('sonidos/' + sound + '.mp3');
      }
      snd.play();
    }
    else {
      alert('El audio HTML5 no está soportado por tu navegador.');
    }
  }
</script>

La función anterior, reproduce audio en ogg o mp3 almacenado en la carpeta /sonido/ según si nuestro navegador soporta uno u otro tipo de audio HTML5.

Para hacerlo funcionar, sólo tenemos que incluir el código anterior en el del código HTML y llamar a la función play(‘micancion’) con el nombre del archivo, y… ¡Voila! empezará a sonar audio como fondo de nuestra web.