Videoy audio en HTML5
-
Upload
julio-alfaro -
Category
Technology
-
view
181 -
download
0
Transcript of Videoy audio en HTML5
![Page 1: Videoy audio en HTML5](https://reader036.fdocuments.es/reader036/viewer/2022082702/5560b4bcd8b42afe3b8b48fa/html5/thumbnails/1.jpg)
Elementos <video> y <audio>
Julio AlfaroMicrosoft Developer Guatemala
![Page 2: Videoy audio en HTML5](https://reader036.fdocuments.es/reader036/viewer/2022082702/5560b4bcd8b42afe3b8b48fa/html5/thumbnails/2.jpg)
Introduccion Formatos de Video Nativos HTML5 Formatos de Audio Nativos HTML5
Agenda
![Page 3: Videoy audio en HTML5](https://reader036.fdocuments.es/reader036/viewer/2022082702/5560b4bcd8b42afe3b8b48fa/html5/thumbnails/3.jpg)
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](https://reader036.fdocuments.es/reader036/viewer/2022082702/5560b4bcd8b42afe3b8b48fa/html5/thumbnails/4.jpg)
WebM H.264 (mp4) Ogg Theora
Formatos de Video Nativos HTML5
![Page 5: Videoy audio en HTML5](https://reader036.fdocuments.es/reader036/viewer/2022082702/5560b4bcd8b42afe3b8b48fa/html5/thumbnails/5.jpg)
WAV Mp3 Ogg Vorbis
Formatos Nativos de Audio HTML5
![Page 6: Videoy audio en HTML5](https://reader036.fdocuments.es/reader036/viewer/2022082702/5560b4bcd8b42afe3b8b48fa/html5/thumbnails/6.jpg)
Formatos soportados por Explorer
Video Audio
WebM
H.264
WAV
mp3
![Page 7: Videoy audio en HTML5](https://reader036.fdocuments.es/reader036/viewer/2022082702/5560b4bcd8b42afe3b8b48fa/html5/thumbnails/7.jpg)
<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](https://reader036.fdocuments.es/reader036/viewer/2022082702/5560b4bcd8b42afe3b8b48fa/html5/thumbnails/8.jpg)
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](https://reader036.fdocuments.es/reader036/viewer/2022082702/5560b4bcd8b42afe3b8b48fa/html5/thumbnails/9.jpg)
![Page 10: Videoy audio en HTML5](https://reader036.fdocuments.es/reader036/viewer/2022082702/5560b4bcd8b42afe3b8b48fa/html5/thumbnails/10.jpg)
![Page 11: Videoy audio en HTML5](https://reader036.fdocuments.es/reader036/viewer/2022082702/5560b4bcd8b42afe3b8b48fa/html5/thumbnails/11.jpg)
![Page 12: Videoy audio en HTML5](https://reader036.fdocuments.es/reader036/viewer/2022082702/5560b4bcd8b42afe3b8b48fa/html5/thumbnails/12.jpg)
![Page 13: Videoy audio en HTML5](https://reader036.fdocuments.es/reader036/viewer/2022082702/5560b4bcd8b42afe3b8b48fa/html5/thumbnails/13.jpg)
Programming LIKE A BOSS