ingenieradesistemas
499751083497328
Cargando...

Insertar audio en HTML5

En la anterior lección habíamos visto la forma de insertar video en HTML5, para el ejercicio presente el tratamiento o el procedimiento para insertar audio en HTML5 es muy similar por lo cual no hay mucha diferencia, cabe recordar que no es necesario recurrir a plugins externos para lograr escuchar nuestros audios  en el navegador.


El código de nuestro ejercicio queda así:

<!DOCTYPE html>
<html>
<head>
 <title>Audio en HTML5</title>
</head>
<body>
     <audio  controls="controls" preload="preload" loop="loop">
     <source src="audios/audio.ogg" type="audio/ogg">
     <source src="audios/audio.mp3" type="audio/mp3">
     <source src="audios/audio.wav" type="audio/wav">
     Es increible que tu navegador no soporte la reproduccion de audio
  </audio>
</body>
</html>

En la etiqueta audio tenemos las propiedades:

controls: es para visualizar los controles del reproductor
preload: se realizará una descarga previamente para luego poder reproducir
loop: una vez terminado el audio volverá a reproducirse
autoplay: es una propiedad que se puede usar para la reproducción automática

El reproducto tiene esta vista en el navegador

Insertar audio en HTML5

HTML5 y CSS3 6006482039395455963

Publicar un comentario Default Comments

emo-but-icon

Inicio item

Síguenos en Facebook

Apuntes aleatorios