Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HTML5 maintenant partie 3 : multimedia

3,168 views

Published on

3ème volet de la présentation HTML5 maintenant : bilan de ce qu'il est possible de faire avec la vidéo et l'audio HTML5 et leurs fallbacks

Published in: Technology, Business
  • Be the first to comment

HTML5 maintenant partie 3 : multimedia

  1. 1. Video
  2. 2. Video En théorie <video src="fichier"></video> ✓ IE9 ✓ FF3.5 ✓ Safari / Chrome 3 ✓ Opéra ✓ Iphone, Android ✓ Flash pour les autres
  3. 3. Video Firefox 3.5
  4. 4. Video Chrome
  5. 5. Video IE 9 beta 1
  6. 6. Video En pratique
  7. 7. Video En pratique ● Guerre de formats • •
  8. 8. Video En pratique ● Guerre de formats • MP4 / h.264 aujourd'hui • • •
  9. 9. Video En pratique ● Guerre de formats • MP4 / h.264 aujourd'hui • Payant si revenus directs • •
  10. 10. Video En pratique ● Guerre de formats • MP4 / h.264 aujourd'hui • Payant si revenus directs • Après 2015 ? •
  11. 11. Video En pratique ● Guerre de formats • MP4 / h.264 aujourd'hui • Payant si revenus directs • Après 2015 ? • WebM / VP8 demain ? • •
  12. 12. Video En pratique ● Guerre de formats • MP4 / h.264 aujourd'hui • Payant si revenus directs • Après 2015 ? • WebM / VP8 demain ? • si Flash le supporte •
  13. 13. Video En pratique ● Guerre de formats • MP4 / h.264 aujourd'hui • Payant si revenus directs • Après 2015 ? • WebM / VP8 demain ? • si Flash le supporte • si support hardware
  14. 14. Video En pratique Guerre de format ● Implémentations au 15/10/2010 ✗ plein écran via JS ✗ interface sur du plein écran ✗ se déplacer dans la vidéo ✗ accélération matérielle
  15. 15. Video En pratique Guerre de format Implémentations naissantes ✓ Gain • Support de certains mobiles • Support des 5% sans flash • Standardisé et bientôt gratuit
  16. 16. Video 20 librairies ! Idéalement : • Pixel-perfect Flash/natif • Fullscreen • Mobiles supportés • Interface changeable Aucune ne réunit tous ces critères bit.ly/lib_video
  17. 17. Video ✗ Production Sauf si : ● Abaisser ses critères de qualité ● Compatibilité d'abord ● Je m'appelle Youtube
  18. 18. Audio
  19. 19. Audio En théorie <audio src="fichier"></video> ✓ IE9 ✓ FF3.5 ✓ Safari / Chrome ✓ Opéra ✓ Iphone ✓ Flash pour les autres
  20. 20. Audio Guerre de format • MP3 vs OGG • Double encodage ✗ Implémentations naissantes • Streaming mal supporté • Nombreux bugs (bit.ly/audio_bug)
  21. 21. Audio Alternatives : ● Flash ● IE 6-8 <bgsound> ✗ Quicktime, Real Player, Applet java bit.ly/audio_imp
  22. 22. Audio Intérêt ? ● Étendre la compatibilité ● Interface native
  23. 23. Audio Librairie ● Jplayer : bit.ly/lib_audio1 ● SoundManager2 : bit.ly/lib_audio2 ●Fallback Flash ● Interface HTML/CSS/JS ● Streaming (flash)
  24. 24. Audio ✓ Production

×