¿Supiste lo que acaba de lanzar LagriHost? Sí, como lo estabas esperando, ahora vendemos Web Hosting y Dominios. Conoce más :)


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

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

Guiño  Gracias por comentar!  
Sonrisa

Muchas Gracias por tu buen comentario.

R o b e r t o

...con la vara que mides, serás medido!

#2
0
Muchas gracias men

#3
0
Se agradece bro




Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Tutorial Como hacer chat con el símbolo del sistema (CMD) Diringax 0 312 10-07-2017, 06:07 PM
Último mensaje: Diringax
  Tutorial Limpiar estilos no usados de tu CSS para liberar espacio Diringax 0 382 17-02-2017, 10:31 AM
Último mensaje: Diringax
  Tutorial Versiones de Visual Basic ¿Qué es? ¿Es Visual Basic buen lenguaje para Programar? Kevin Alfonso 2 706 20-06-2016, 09:13 PM
Último mensaje: cybersdl
  Tutorial Aporte - Popunder Javascript para cualquier link de tu elección! Kevin Alfonso 1 532 19-06-2016, 07:29 PM
Último mensaje: Nomak
  Tutorial Cómo utilizar Javascript para actualizar un Título Roberto 0 520 05-12-2015, 07:12 PM
Último mensaje: Roberto



Usuarios navegando en este tema:
1 invitado(s)


Forum software by © MyBB Theme © Kevinex & iAndrew 2018