Html 5 Etiquetas de Audio y Video

1. Audio y Vídeo Facilitador:
Duglas Moreno

2. Nuevas etiquetas en html5
Elementos de Multimedia
Multimedia en la web, es sonido, música, vídeos, películas y animaciones.
Formatos de vídeo comunes:
● Archivos multimedia también tienen sus propios formatos y diferentes extensiones
como: .swf, .wav, .mp3, .mp4, .mpg, .wmv, .avi
Sólo MP4, vídeo WebM, Ogg y son compatibles con el
estándar HTML5 más reciente.
Sólo MP3, WAV y audio Ogg son compatibles con el
estándar HTML5 más reciente.

3. Nuevas etiquetas en html5
Elementos de video
En html5 existe una etiqueta <video> que especifica un estándar para incrustar un
vídeo en la pagina Web.
Ejemplo:
El atributo controls permite añadir los botones, como reproducir, pausar, y el
volumen.
Los atributos width y height nos permite colocar lo ancho y la altura.
El atributo source nos permite enlazar diferentes tipos de formatos de video, tiene
que tomar en cuenta el type.

4. Nuevas etiquetas en html5
Elementos de video
El atributo preload permite cargar el vídeo cuando se carga la pagina, su valores son
preload="auto | metadata | none".
El atributo autoplay permite comenzar el vídeo cuando la pagina cargue.
El atributo poster nos permite colocar una imagen de fondo antes de que comience el
vídeo

5. Ejemplo del elemento Vídeo

6. Nuevas etiquetas en html5
Elementos de audio
En html5 existe una etiqueta <audio> que especifica un estándar para incrustar un
audio en la pagina Web. Ejemplo:
El atributo controls permite añadir los botones, como reproducir, pausar, y el
volumen.
El atributo source nos permite enlazar diferentes tipos de formatos de audio, tiene
que tomar en cuenta el type.

7. Elementos de audio
El atributo preload permite cargar el vídeo cuando se carga la pagina, su valores son
preload="auto | metadata | none".
El atributo autoplay permite comenzar el vídeo cuando la pagina cargue.
El atributo loop permite colocar el numero de repeticiones para reproducir el audio.