Videoy audio en HTML5

13
Elementos <video> y <audio> Julio Alfaro Microsoft Developer Guatemala

Transcript of Videoy audio en HTML5

Page 1: Videoy audio en HTML5

Elementos <video> y <audio>

Julio AlfaroMicrosoft Developer Guatemala

Page 2: Videoy audio en HTML5

Introduccion Formatos de Video Nativos HTML5 Formatos de Audio Nativos HTML5

Agenda

Page 3: Videoy audio en HTML5

El audio y video parece ser una capacidad que los browser soportaban, desde hace mucho tiempo atrás.

El audio y video de HTML5 es soporte nativo, a diferencia que anteriormente que era necesario un software como Silverlight o Flash.

Introduccion

Page 4: Videoy audio en HTML5

WebM H.264 (mp4) Ogg Theora

Formatos de Video Nativos HTML5

Page 5: Videoy audio en HTML5

WAV Mp3 Ogg Vorbis

Formatos Nativos de Audio HTML5

Page 6: Videoy audio en HTML5

Formatos soportados por Explorer

Video Audio

WebM

H.264

WAV

mp3

Page 7: Videoy audio en HTML5

<video><source src=‘aa.mp4’><source src=‘aa.ogv’><source src=‘aa.webm’>

</video>

Utilizando las etiquetas

<audio><source src=‘bb.mp3’><source src=‘bb.ogg’><source src=‘bb.wav’>

</audio>

Page 8: Videoy audio en HTML5

controls : Permite ver un control de la reproducción del video/audio, y iniciarlo o pausarlo.

Algunos atributos en ambos

Page 9: Videoy audio en HTML5
Page 10: Videoy audio en HTML5
Page 11: Videoy audio en HTML5
Page 12: Videoy audio en HTML5
Page 13: Videoy audio en HTML5

Programming LIKE A BOSS