Video
Video
En théorie
<video src="fichier"></video>

✓ IE9
✓ FF3.5
✓ Safari / Chrome 3
✓ Opéra
✓ Iphone, Android
✓ Flash pour l...
Video
Firefox 3.5
Video
Chrome
Video
IE 9 beta 1
Video
En pratique
Video
 En pratique
● Guerre de formats

   •


  •
Video
 En pratique
● Guerre de formats

   • MP4 / h.264 aujourd'hui
      •
      •
   •
Video
 En pratique
● Guerre de formats

   • MP4 / h.264 aujourd'hui
      • Payant si revenus directs
      •
   •
Video
 En pratique
● Guerre de formats

   • MP4 / h.264 aujourd'hui
      • Payant si revenus directs
      • Après 2015 ...
Video
 En pratique
● Guerre de formats

   • MP4 / h.264 aujourd'hui
      • Payant si revenus directs
      • Après 2015 ...
Video
 En pratique
● Guerre de formats

   • MP4 / h.264 aujourd'hui
      • Payant si revenus directs
      • Après 2015 ...
Video
 En pratique
● Guerre de formats

   • MP4 / h.264 aujourd'hui
      • Payant si revenus directs
      • Après 2015 ...
Video
 En pratique
    Guerre de format
● Implémentations au 15/10/2010

    ✗ plein écran via JS
    ✗ interface sur du p...
Video
En pratique
   Guerre de format
   Implémentations naissantes
✓ Gain
 • Support de certains mobiles
 • Support des 5...
Video
20 librairies !
Idéalement :
  • Pixel-perfect Flash/natif
  • Fullscreen
  • Mobiles supportés
  • Interface change...
Video

             ✗ Production

 Sauf si :
● Abaisser ses critères de qualité

● Compatibilité d'abord

● Je m'appelle Y...
Audio
Audio
En théorie
<audio src="fichier"></video>

✓ IE9
✓ FF3.5
✓ Safari / Chrome
✓ Opéra
✓ Iphone
✓ Flash pour les autres
Audio
    Guerre de format
  • MP3 vs OGG
  • Double encodage
✗ Implémentations naissantes
  • Streaming mal supporté
  • ...
Audio
Alternatives :

●   Flash

●   IE 6-8 <bgsound>

✗ Quicktime, Real Player, Applet java

            bit.ly/audio_imp
Audio
Intérêt ?

●   Étendre la compatibilité

●   Interface native
Audio
Librairie

● Jplayer :       bit.ly/lib_audio1
● SoundManager2 : bit.ly/lib_audio2




●Fallback Flash
● Interface H...
Audio


✓ Production
Upcoming SlideShare
Loading in …5
×

HTML5 maintenant partie 3 : multimedia

2,666 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
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,666
On SlideShare
0
From Embeds
0
Number of Embeds
170
Actions
Shares
0
Downloads
61
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

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

×