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