Video

VideoEn théorie<video src="fichier"></video>

✓ IE9 ✓ FF3.5 ✓ Safari / Chrome 3 ✓ Opéra ✓ Iphone, Android ✓ Flash pour les autres

VideoFirefox 3.5

VideoChrome

VideoIE 9 beta 1

VideoEn pratique

VideoEn pratique

● Guerre de formats•

•

VideoEn pratique

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

•

VideoEn pratique

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

•

VideoEn pratique

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

•

VideoEn pratique

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

• WebM / VP8 demain ?• •

VideoEn pratique

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

• WebM / VP8 demain ?• si Flash le supporte•

VideoEn 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

VideoEn 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

VideoEn pratique

⚠ Guerre de format ⚠ Implémentations naissantes ✓ Gain• Support de certains mobiles• Support des 5% sans flash• Standardisé et bientôt gratuit

Video20 librairies !Idéalement :• Pixel-perfect Flash/natif• Fullscreen• Mobiles supportés• Interface changeable

Aucune ne réunit tous ces critèresbit.ly/lib_video

Video

✗ Production

Sauf si : ● Abaisser ses critères de qualité● Compatibilité d'abord● Je m'appelle Youtube

Audio

AudioEn 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é• Nombreux bugs (bit.ly/audio_bug)

AudioAlternatives :

● Flash

● IE 6-8 <bgsound>

✗ Quicktime, Real Player, Applet java

bit.ly/audio_imp

AudioIntérêt ?

● Étendre la compatibilité

● Interface native

AudioLibrairie

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

●Fallback Flash● Interface HTML/CSS/JS● Streaming (flash)

Audio

✓ Production