Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Tutorial Cómo utilizar Javascript para reproducir un archivo
#1
Bombilla 
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 () {

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
Muchas Gracias por tu buen comentario.
tu amigo Silohay!Gran sonrisa


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  JavaScript en 14 minutos Posits 5 144 12-04-2018, 08:44 AM
Último mensaje: easy english
  [Tutorial] Métodos para redireccionar URLs (HTML, PHP y Javascript wiston3 1 319 01-12-2016, 11:12 PM
Último mensaje: zeuz
  Linux Foundation respalda JavaScript Kiichi 3 345 03-11-2016, 03:43 AM
Último mensaje: habacuc78
  [Aporte] Curso básico de Javascript habacuc78 22 1,256 05-07-2016, 03:53 PM
Último mensaje: escuelasegura
  Trucos y efectos de Javascript para tu página web CarlosAlberto 0 587 05-01-2016, 03:51 PM
Último mensaje: CarlosAlberto
Sonrisa [Tutorial] Cómo utilizar Javascript para actualizar un Título R0bert0 0 640 05-12-2015, 10:07 PM
Último mensaje: R0bert0
  [Duda] Cómo puedo usar python para calcular datos y mostrarlos vía php piero.cpvd 3 856 05-12-2015, 12:12 PM
Último mensaje: midd_98
  Reproducir sonido en java programist 2 356 28-11-2015, 03:13 AM
Último mensaje: Juliens
  No se descargan archivo por ftp efbsfcd 0 183 29-10-2015, 08:09 AM
Último mensaje: efbsfcd
  [Tutorial] Calculadora sencilla en JavaScript luis.ml 3 565 21-09-2015, 12:03 PM
Último mensaje: riblier



Usuarios navegando en este tema: 1 invitado(s)