Diffusion web : quels types de formats audio et vidéo ?

Date de publication: le samedi 12 novembre 2011 à 13h27
Dernière modification: par Pascal BOYER le mercredi 16 novembre 2011 à 23h00

Les formats de fichiers vidéo fermés / propriétaires

Les formats les plus fréquemment rencontrés sur les sites spécialisés dans la diffusion de vidéos (Youtube, Dailymotion, Viméo, etc...) et de façon générale sont incontestablement:

• flv (Adobe)
• mp4 (MPEG)

Pour de plus amples informations sur le Moving Picture Experts Group (MPEG) vous pouvez consulter ces pages Wikipedia:

• MPEG
• MP4 (tous les formats de compression audio/vidéo au bas de cette page)

Le choix d'une diffusion des vidéos au format MP4 peut être intéressant dans la mesure où de nombreux appareils photos numériques proposent aujourd'hui de réaliser des vidéos HD dans ce format. Malheureusement, comme nous le verrons plus bas^{( 1 )}, ce format pose des problèmes de compatibilité avec les différents navigateurs.

À propos du format FLV, reportez-vous à la documentation Wikipedia:

• FLV

:
Pour visualiser les fichiers multimédia MP4 et FLV dans son navigateur, je rappelle qu'il est peut-être nécessaire d' installer les plugins gecko-mediaplayer et flashplayer-mozilla .

Les formats de fichiers audio fermés / propriétaires

Le plus répandu, et de loin, reste le populaire:

• MP3

C'est, par exemple, le choix de toutes les archives audio des radios du groupe Radio France (France Inter, France Culture, France Musique, France Info, FIP, etc...).

Quels lecteurs pour ces formats propriétaires

Pour vos pages web, vous trouverez sur le net un très grand nombre de players (lecteurs), gratuits ou non et publiés sous différentes licences, utilisant:

• Flash uniquement ou bien,
• Javascript + Flash

:
Tout fichier multimédia inséré dans une page web sera téléchargeable (plus ou moins facilement).
Il revient donc à chacun la responsabilité de la confidentialité des fichiers qu'il met en ligne.
Par principe, ce qui doit rester d'usage restreint ne doit jamais être publié sur un site publique.

De nos jours, les lecteurs multimédia les plus répandus ( VLC par exemple - Open Source, libre et multiplates-formes) sont en mesure de lire une gamme extrêmement étendue de fichiers multimédia (audio et vidéo). Il devient donc aisé d'échanger et de lire les fichiers multimédia téléchargés sur Internet.

Les formats de fichiers vidéo Open Source / Libres

Si à l'heure actuelle on ne les rencontre que trop rarement, des événements récents vont, à n'en pas douter, apporter leur lot d'évolutions dans la hiérarchie des formats vidéo utilisés:

• 27 Janvier 2010, Steve Jobs (Patron alors d'Apple) annonce la commercialisation prochaine de l'iPad 1 qui ne sera pas compatible avec la technologie Flash

• 17 février 2010, Google rachète la société On2 qui développe un algorithme de compression vidéo VPx (VP8 actuellement)

• 19 Mai 2010, Google annonce que VP8 passe sous licence Creative Commons paternité (CC-by) avec une implémentation sous licence BSD.

• Courant 2010, les balises HTML 5 <video> et <audio> font l'objet de très nombreux articles sur le net et sont alors reconnues par les navigateurs les plus récents

• 9 novembre 2011, Adobe annonce l'arrêt du développement de leur player Flash pour les mobiles et reconnaît la suprématie de HTML 5

À propos des enjeux suscités par l'arrivée de la balise <video> de HTML 5, je vous renvoie à la lecture très didactique de ces 3 articles de Numérama:

• Les enjeux de la balise HTML5 <video>
• WebM : Mozilla, Opera et Google ensemble contre la vidéo H.264
• WebM : le génie est dans la licence, pas dans le VP8

Ceux que cela n’intéresse guère retiendront tout de même simplement que les spécifications de la balise HTML 5 <video> ne disant rien sur les codecs vidéo que devront supporter nativement les navigateurs pour être en mesure d'afficher les vidéos placées entre les balises <video></video>, deux clans s'affrontent: les partisans du codec propriétaire h.264 (Apple et Microsoft) et les partisans du codec libre VP8 (Google, Fondataion Mozilla et Opera Software).

Les formats de fichiers vidéo libres sont donc:

• OGG
• Webm

OGG n'étant pas un format de compression mais très exactement un conteneur, voici la page de présentation du codec de compression vidéo qu'il utilise:

• Theora

...et la page de présentation du codec de compression audio utilisé:

• Vorbis

Youtube version HTML 5

Sachez que vous pouvez visualiser les vidéos diffusées par Youtube (N°1 mondial des sites de diffusion vidéo avec plus de 2 milliards de vidéos vues chaque jour - appartient à Google) non pas en utilisant le lecteur Flash traditionnel mais bel et bien un lecteur HTML 5:

• Youtube en HTML 5

Après avoir cliqué au bas de la page sur le lien Participer à l'essai HTML 5, retournez sur la page d'accueil de Youtube puis affichez une vidéo de votre choix et faites un clic-droit sur celle-ci. Ce menu contextuel s'affichera alors:

Dailymotion version HTML 5

À l'instar de Youtube, le site français de diffusion de vidéos Dailymotion propose également une version HTML 5 de son player que vous pouvez activer au bas de cette page de présentation:

• Dailymotion en HTML 5

Cependant, et pour plagier Christine Lagarde (qui nous gratifia du temps de son manda de ministre de l'économie de quelques figures de style mémorables ), je dirais que Dailymotion nous «confronte à un sentiment de rareté» quant à l'utilisation de leur player HTML 5 (Mme la ministre avait cru bon d'expliquer au moment des grèves des employés des stocks de carburant - Oct. 2010 - qu'il n'y avait pas de pénurie. Les français étaient simplement victimes d'un sentiment de rareté !). Je trouve qu'il est en effet assez rare de voir l'inscription HTML 5 sur leur player.

Quels lecteurs pour ces formats ouverts

La chose la plus importante à retenir est que tout navigateur compatible avec la balise HTML 5 <video> intègre nativement son propre player. Il n'est donc plus du tout obligatoire de prévoir l'intégration d'un player dans le code de nos pages web. Le seul code des balises <video></video> peut s’avérer suffisant comme l'illustrent les captures d'écran ci-après (les vidéos sont présentes ici ):

Dans l'ordre, le player intégré par défaut dans Chrome 15, Firefox 9 et Opéra 11.5 sous Linux

Il existe cependant de nombreux projets de player améliorés. En voici une liste proposée par Kaltura (la première Plate-forme Open Source de Video en Ligne au monde):

• La liste
• Kaltura (le player Open Source proposé par Kaltura)

Compatibilité HTML 5 des navigateurs web

Ce paragraphe est certainement le plus important en ce qu'il va vous permettre de décider ou non d'utiliser des formats ouverts pour vos fichiers multimédia.

Pour connaître rapidement le degré de compatibilité de votre navigateur avec HTML 5, vous pouvez facilement réaliser un test en ligne en affichant simplement cette page:

• html5test.com

Cette page présente, en plus de l'attribution d'une note sur 450 points, le détail de la compatibilité du navigateur avec différentes balises HTML 5.
Vous trouverez donc entre autres deux cadres très intéressants réservés au support natif des formats audio et vidéo:

Scores: Chrome 15: 342/450 -- Firefox 9: 314/450 (Opera 11.52: 286/450)

IE 9 et Safari, les deux canards boîteux du web

Si vous réalisez ce test avec IE 9 et Safari 5.1.1 (sous Seven) vous apprendrez:

• que Safari est incompatible avec les balises HTML 5 <video> et <audio> (score: 252/450)
• que IE9 ne supporte que les formats fermés et propriétaires (score: 141/450 !!!)

Rien d'étonnant à cela lorsque l'on sait la paranoïa propriétaire de la politique commerciale de feu Jobs (quid de l'avenir ?) qui a largement dépassé, à mon sens, celle, pourtant légendaire, de Microsoft. Résultat: aujourd'hui, faire le choix du libre en terme de fichiers audio et vidéo, c'est faire le choix de n'être pas visible sur les plates-formes Apple et par les utilisateurs d'IE 9.

:
Malgré les restrictions exprimées ci-dessus, les balises HTML 5 <video> et <audio> sont pleines de ressources et vous permettront tout de même de diffuser vos vidéos à l'attention des utilisateurs de IE et Safari.
Veuillez vous reporter à cette documentation pour de plus amples détails: 

• Introductionà la balise video html5 (mp4 h264 webm ogg theora)
• Prise en charge de plusieurs formats de fichier audio

Conclusion

Et bien allons-y pour l'encodage avec les formats ouverts !

Commentaires