Comunidad de diseño web y desarrollo en internet online

Error al reproducir un MP3 en HTML

Citar            
MensajeEscrito el 25 Jun 2013 09:32 am
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 HTML :

<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.

Por Palacio

Claber

198 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Jun 2013 12:23 pm
Probablemente porque el servidor está enviando al navegador el tipo MIME incorrecto para los MP3.

Ya que estás con Firefox, usando el Firebug, ve a la pestaña "Red". Lo que tienes que buscar es la respuesta del servidor, específicamente el valor de "Content-Type".

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 25 Jun 2013 03:39 pm
Muchas gracias Driverop, ahora mismo lo pruebo.

Por Palacio

Claber

198 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Jun 2013 03:57 pm
Hola de nuevo, he modificado el código y ahora funciona. El problema está en que tengo un botón que quiero que pare el sonido, pero me dice que la función "pause()" no es una función.
Les dejo el código a ver si alguien me puede decir donde está el error.

Código HTML :

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

Código Javascript :

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

Por Palacio

Claber

198 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Jun 2013 04:05 pm
¿Cual de las dos llamadas produce el error?, Porque <audio> sí tiene el método .pause(), pero no estoy seguro de <embed>.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 26 Jun 2013 06:26 am
Hola DriverOp, ambos me dan el mismo error. Estoy trabajando en "Firefox 21.0", pero debería funcionar en todos los navegadores.
He probado a hacer lo siguiente:

Código Javascript :

function stopCallingSound() {
                document.getElementById("audioTag").innerHTML = "";
}

Pero sigue reproduciendo el sonido. Alguna idea?
Muchas gracias

Por Palacio

Claber

198 de clabLevel



 

firefox
Citar            
MensajeEscrito el 26 Jun 2013 09:55 am
Hola a todos, lo que he hecho y de momento funciona, aunque no es lo más elegante ha sido lo siguiente:

Código Javascript :

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

Gracias por la ayuda

Por Palacio

Claber

198 de clabLevel



 

firefox
Citar            
MensajeEscrito el 22 Ago 2013 11:40 am
No habría sido mas fácil poner "controls" en la etiqueta vídeo... , y si no te reproduce el audio en todos los navegadores es porque no todos leen mp3 xd

Por Cerberupo

25 de clabLevel



Genero:Masculino  

Programador web freelance

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.