05-12-2015, 07:15 PM
0
Una serie de caminos son posible insertar y reproducir archivos de audio MP3 en sus páginas Web.
La etiqueta en desuso "embed" en HTML, varios jugadores de destello, y los jugadores basados en Java son ejemplos. El estándar HTML5, 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 "audio" HTML5, y luego utilizar una función JavaScript para iniciarlo jugando
Instrucciones
Agregue el código siguiente al cuerpo del documento HTML:
<Audio src = "audio.mp3" id = precarga "mp3" = "auto"> </ audio>
Este código incorpora y carga el archivo de MP3, pero no jugar. El valor de la variable "src" contiene la ruta y el nombre del archivo MP3.
Agregue el siguiente código JavaScript entre las etiquetas "cabeza" de su documento HTML:
<Script type = "text / javascript">
playMP3 function () {
}
</ 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.
Agregue un botón a la página web para llamar a la función "playMP3" cuando el usuario hace clic en él. Agregue el código siguiente al 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.
Utilice la siguiente función en lugar de "playMP3" para que el usuario pausar el archivo después de iniciarlo:
playpauseMP3 function () {
}
Cambie el atributo "onClick" de la etiqueta de "entrada" en el paso 3 para que coincida con el nombre de esta función.
y Listo!, eso es todo!, ya lo tenes..
fuente
La etiqueta en desuso "embed" en HTML, varios jugadores de destello, y los jugadores basados en Java son ejemplos. El estándar HTML5, 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 "audio" HTML5, y luego utilizar una función JavaScript para iniciarlo jugando
Instrucciones
Agregue el código siguiente al cuerpo del documento HTML:
<Audio src = "audio.mp3" id = precarga "mp3" = "auto"> </ audio>
Este código incorpora y carga el archivo de MP3, pero no jugar. El valor de la variable "src" contiene la ruta y el nombre del archivo MP3.
Agregue el siguiente código JavaScript entre las etiquetas "cabeza" de su documento HTML:
<Script type = "text / javascript">
playMP3 function () {
Código:
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.
Agregue un botón a la página web para llamar a la función "playMP3" cuando el usuario hace clic en él. Agregue el código siguiente al 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.
Utilice la siguiente función en lugar de "playMP3" para que el usuario pausar el archivo después de iniciarlo:
playpauseMP3 function () {
Código:
if(document.getElementById("mp3").paused){
Código:
document.getElementById("mp3").play();
Código:
}else{
Código:
document.getElementById("mp3").pause();
Código:
}
}
Cambie el atributo "onClick" de la etiqueta de "entrada" en el paso 3 para que coincida con el nombre de esta función.
y Listo!, eso es todo!, ya lo tenes..
fuente
Gracias por comentar!
Muchas Gracias por tu buen comentario.
R o b e r t o
...con la vara que mides, serás medido!