HTML5 maintenant partie 3 : multimedia

  • 1,937 views
Uploaded 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

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

More in: Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,937
On Slideshare
0
From Embeds
0
Number of Embeds
7

Actions

Shares
Downloads
58
Comments
0
Likes
4

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Video
  • 2. Video En théorie <video src="fichier"></video> ✓ IE9 ✓ FF3.5 ✓ Safari / Chrome 3 ✓ Opéra ✓ Iphone, Android ✓ Flash pour les autres
  • 3. Video Firefox 3.5
  • 4. Video Chrome
  • 5. Video IE 9 beta 1
  • 6. Video En pratique
  • 7. Video En pratique ● Guerre de formats • •
  • 8. Video En pratique ● Guerre de formats • MP4 / h.264 aujourd'hui • • •
  • 9. Video En pratique ● Guerre de formats • MP4 / h.264 aujourd'hui • Payant si revenus directs • •
  • 10. Video En pratique ● Guerre de formats • MP4 / h.264 aujourd'hui • Payant si revenus directs • Après 2015 ? •
  • 11. Video En pratique ● Guerre de formats • MP4 / h.264 aujourd'hui • Payant si revenus directs • Après 2015 ? • WebM / VP8 demain ? • •
  • 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. 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. 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. 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. 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. Video ✗ Production Sauf si : ● Abaisser ses critères de qualité ● Compatibilité d'abord ● Je m'appelle Youtube
  • 18. Audio
  • 19. Audio En théorie <audio src="fichier"></video> ✓ IE9 ✓ FF3.5 ✓ Safari / Chrome ✓ Opéra ✓ Iphone ✓ Flash pour les autres
  • 20. Audio Guerre de format • MP3 vs OGG • Double encodage ✗ Implémentations naissantes • Streaming mal supporté • Nombreux bugs (bit.ly/audio_bug)
  • 21. Audio Alternatives : ● Flash ● IE 6-8 <bgsound> ✗ Quicktime, Real Player, Applet java bit.ly/audio_imp
  • 22. Audio Intérêt ? ● Étendre la compatibilité ● Interface native
  • 23. Audio Librairie ● Jplayer : bit.ly/lib_audio1 ● SoundManager2 : bit.ly/lib_audio2 ●Fallback Flash ● Interface HTML/CSS/JS ● Streaming (flash)
  • 24. Audio ✓ Production