Tag Archive for 'Vidéo'
Depuis hier je m’intéresse à la vidéo sur le navigateur internet d’Android en utilisant la balise introduite dans HTML5.
Je suis plutôt déçu par Google en fait, dans le navigateur internet de la version 2.2 d’Android (FroYo) seul la balise vidéo est pris en charge et uniquement avec le codec propriétaire H.264 et AAC (encapsulé en MP4) 
Un bon outil (multi-plateforme) permet d’encoder dans ce format avec une qualité adaptée aux terminaux mobile : HandBrake. Le profil d’encodage à choisir est “iPhone/iPod Touch”.
En ce qui concerne la balise audio, seul la version 2.3 la prend correctement en charge, une astuce pour la 2.2 (merci yvg) consiste à utiliser la balise vidéo pour un fichier audio (seul les mp3 sont lisibles).
Ce qui est frustrant, c’est qu’un système ouvert et “libre” comme Android ne prenne pas en charge un format libre comme l’Ogg/Theora dans sa version 2.2…
Le WebM sur Gingerbread 2.3 doit corriger le tir…
Plus d’informations en anglais sur diveintohtml5.org
Je vous propose un tutoriel pour encoder vos vidéos en format Ogg Theora et WebM avec le logiciel VLC.
Quel est l’intérêt de ces formats ? Tout d’abord, ils sont libres et pris en charge par pas mal de lecteurs vidéos dont VLC et MPlayer. Ces formats vous permettent aussi de diffuser de la vidéo sur votre site internet/blog sans l’installation de plugins supplémentaires si vos visiteurs utilisent un navigateur prenant en charge les balises <video> (en HTML5) comme Firefox, Google Chrome, Safari ou Opera.
Enfin, vous pouvez appliquer différents effets sur votre vidéo en utilisant le SVG.
Tout d’abord, téléchargez VLC et installez le si ce n’est pas déjà fait.
Lancer VLC, puis allez dans le menu “Média” et choisissez “Convertir / Enregistrer…”
- Utilisez le bouton “Ajouter” pour sélectionner votre fichier vidéo (vous pouvez en choisir plusieurs) ;
- Cliquez sur le bouton “Convertir / Sauvegarder” ;
- Indiquez dans “Fichier de destination” où vous souhaitez sauvegarder le fichier converti. (Donnez-lui une extension en .ogg pour le Theora ou .webm pour le WebM) ;
- Choisissez le profil “Video – VP80 + Vorbis (Webm)” puis cliquez sur Démarrer ;
- Pour du Ogg Theora choisissez le profil “Video – Theora + Vorbis (OGG)”.
Il faut savoir que le codec WebM sera utilisé dans Firefox 4, Google Chrome 6, Internet Explorer 9 et les futures versions de Safari et d’Opera. De plus, des plate-formes comme YouTube fournissent déjà les vidéos dans ce format
Enfin pour intégrer cette vidéo à votre Site Internet/Blog rien de plus simple !
Pour WordPress par exemple, allez dans l’onglet “HTML” puis à l’endroit désiré entrez le code ci-dessous :
<video src='http://monserveur.com/mavideo.webm' controls>
Votre navigateur ne supporte pas la balise vidéo.
</video>
Si le navigateur prend en charge la balise vidéo, il affichera la vidéo avec les contrôles de lecture.
Vous pouvez aussi faire démarrer la vidéo automatiquement via le paramètre “autoplay” à placer après “controls”
Tout ce qui se trouvera entre la balise <video> et </video> sera affiché pour les utilisateurs ne disposant pas d’un navigateur compatible. L’idéal est de leur proposer un lecteur en flash tout en leur indiquant que leur navigateur n’est pas compatible 
Pour plus d’information sur la balise video, lisez cet article sur le Wiki de Mozilla.
Exemple de vidéo au format Ogg Theora (Firefox 3.5+/Chrome 5) :
Exemple de vidéo au format WebM (Firefox 3.7+/Chrome 6) :
Mozilla vient de publier la nouvelle version de Firefox !
Parmis les nouveautés :
- Les thèmes Personas (thèmes légers interchangeables sans redémarrer Firefox)
- Le plein écran de la balise <video>
- Une meilleure gestion des polices (WOFF)
- Les liens ouverts dans un nouvel onglet s’ouvriront à droite de l’onglet actif.
- Une page support et memory
- Meilleure prise en charge du CSS3
- La mise à jour des plugins
- Meilleures performances (20% plus rapide que Firefox 3.5)
- Prévisualisation des onglets (Pour l’activer, vous devez définir le paramètre « browser.ctrlTab.previews » à « true » dans about:config.)
Pour ceux qui voudraient tester VLMC dont j’ai parlé dans mon post précédent, j’ai fait un torrent d’une version Windows compilée par Geoffroy étudiant à l’école Centrale.
Cette version est assez conséquente (83,5 Mo) car elle inclut notamment des Dlls de développement de Qt nécessaires au fonctionnement du logiciel. (La version publique sera optimisée et ne nécessitera pas ces fichiers)
Attention, cette version n’est pas stable, elle permet juste d’importer des fichiers vidéos, de couper des scènes, de les réorganiser et d’exporter un fichier vidéo (sans son). L’ajout d’effets ou la gestion de son ne sera disponible que dans la première version officielle qui devrait sortir début 2010.
English
Recent Comments