html5media — Les balises HTML5 audio et video sans contrainte

Les balises HTML5 `video` et `audio` permettent d’incorporer du son ou de la vidéo dans une page web aussi simplement que s’il s’agissait d’une image. Mais comme le roi et la reine ne le veulent pas tous les navigateurs ne prennent pas en charge ces charmantes nouveautés, html5media a eu la bonne idée de rendre possible l’utilisation des balises `audio` et `video` sans se soucier de la compatibilité : le script se charge de fournir un player Flash (flowplayer) pour les navigateurs à la traine !

Choisir le bon encodage

Les vidéos doivent être encodées dans les formats `h.264` (mp4) ou `Theora` (ogv) et les fichiers audio au format `mp3`, `AAC` (m4a) ou `Vorbis` (ogg). Voir la page sur les formats vidéo.

html5media.js

L’utilisation est assez simple, le script hébergé sur Google Code s’occupe de tout :

<script src="http://html5media.googlecode.com/svn/trunk/src/html5media.min.js"></script>

Utiliser video et audio

<video src="video.mp4" width="320" height="240" controls preload></video>
<audio src="audio.mp3" controls preload></audio>

Pour les Jedi, il reste toujours la possibilité de télécharger les fichiers sources si le hotlinkin’ ne vous convient pas.

Bref : plus d’excuse pour ne pas plonger dans HTML5 !