Cómo utilizar Javascript para reproducir un archivo MP3

son posibles para insertar y reproducir archivos de audio MP3 en sus páginas web una serie de formas. La etiqueta en desuso "embed" en HTML, varios reproductores de Flash, y los jugadores basados ​​en Java son ejemplos. El estándar HTML 5, con su énfasis en secuencias de comandos y su falta de confianza en el software de terceros, ofrece la forma más compatible para insertar y reproducir archivos MP3 en las páginas web de cara al futuro. Incrustar el archivo MP3 con el objeto de HTML5 "audio", y luego usar una función JavaScript para inicie la lectura

Instrucciones

1 Agregue el código siguiente en el cuerpo del documento HTML:

<Audio id = "mp3" precarga = "auto"> </ audio>

Este código se incrusta y carga el archivo de MP3, pero no lo reproduce. El valor de la variable "src" contiene la ruta y el nombre del archivo MP3.

2 Agregue el siguiente código JavaScript entre las etiquetas "cabeza" de su documento HTML:

<Script type = "text / javascript">

playMP3 función () {

document.getElementById("mp3").play();

}

</ Script>

Esta función, cuando se le llama, tiene acceso al elemento de "audio" por su ID ( "mp3"), y utiliza el método play () para reproducirlo.

3 Añadir un botón a la página web para llamar a la función "playMP3" cuando el usuario hace clic sobre él. Agregue el código siguiente en el cuerpo del documento HTML:

<Input type = "button" value = "Haga clic para reproducir MP3" onclick = "playMP3 ();" />

Cambie el atributo "value" para dar al botón de un título diferente.

4 Utilice la siguiente función en lugar de "playMP3" para permitir al usuario hacer una pausa en el archivo después de comenzarlo:

playpauseMP3 función () {

if(document.getElementById("mp3").paused){

. Document.getElementById ( "mp3") play ();

}más{

. Document.getElementById ( "mp3") pausa ();

}

}

Cambie el atributo "clic" de la etiqueta de "entrada" en el paso 3 para que coincida con el nombre de esta función.