HTML5 maintenant partie 3 : multimedia

2 470 vues

Publié le

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

Publié dans : Technologie, Business
0 commentaire
3 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
2 470
Sur SlideShare
0
Issues des intégrations
0
Intégrations
167
Actions
Partages
0
Téléchargements
61
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

×