[SOLUCIONADO] Error al reproducir un MP3 en HTML

[Pimager]

Hola a todos, necesito hacer que cuando se cargue una página en HTML se reproduzca un sonido en MP3.
Por el momento tengo lo siguiente:

Código:

<audio controls>
  <source src="http://localhost/ringout.mp3" type="audio/mp3">
  <embed height="50" width="100" src=http://localhost/ringout.mp3">
</audio>

Pero la consola de Javascript me da la siguiente advertencia:
El "Content-Type" HTTP de "audio/mpeg3" no es compatible. Ha fallado la carga del recurso de medios http://localhost/ringout.mp3.
Ha fallado la carga de todos los recursos candidatos. Carga de medios pausada.

El fichero existe.
Alguien sabe a qué se debe? He mirado por google y en todas partes dice que hay que hacerlo así, pero no me funciona.
Puede ser que me falte algún plug-in en mi navegador?

Gracias por su ayuda.

[pzin]

Prueba a añadiendo al .htaccess algo así:

Código Apache:

AddType audio/mpeg .mp3
 

Ten también en cuenta que depende del navegador, tendrás que usar un tipo de audio u otro: https://developer.mozilla.org/en-US/..._compatibility

[Pimager]

Hola pzin, el tema es que no tengo htaccess, ya que estoy programando en C#.
Sabes donde tengo que poner la línea de código que me has puesto?
Ahora me miro el link que has adjuntado.

Muchas gracias

[alvaaz]

Prueba con lo siguiente:

Código HTML:

<audio controls autoplay>
  <source src="http://localhost/ringout.mp3" type="audio/mpeg">
  <embed height="50" width="100" src=http://localhost/ringout.mp3">
  Tu navegador no soporta la etiqueta audio.
</audio>
 

El atributo autoplay le da la instrucción a la etiqueta de reproducirse automáticamente.

Espero te sirva.

[Pimager]

Muchas gracias alvaaz, el problema ahora es como lo paro?
He hecho lo siguiente y me dice que la función "pause()" no existe. Estoy trabajando con "Firefox 21.0", pero debería funcionar con todos los navegadores :(

Código:

<audio autoplay loop id="audioTag">
     <source id="audioSource" type="audio/mp3">
     <embed id="audioEmbed" height="0" width="0">
</audio>

var audioSound = 'http://localhost/ringout.mp3';
document.getElementById("audioEmbed").src = audioSound;
document.getElementById("audioSource").src = audioSound;
function stopCallingSound() {
     document.getElementById("audioSource").pause();
     document.getElementById("audioEmbed").pause();
}

Alguna idea?
Muchas gracias

[Pimager]

Hola a todos, lo he resuelto. Seguramente no es la forma más limpia y elegante pero funciona.
Les dejo el código:

Código:

function stopCallingSound() {
                document.getElementById("audioTag").innerHTML = "";
                var elem = document.getElementById("audioTag");
                elem.parentNode.removeChild(elem);
}

Muchas gracias por su tiempo