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