Publier une vidéo dans une page web n'est pas toujours évident: Selon le format (
AVI,
MPG,
MOV...) tout le monde ne possède pas forcément le bon plugin et le bon codec.
En revanche, la quasi-totalité des navigateurs possèdent le plugin Flash (
SWF). Flash est capable de faire de la vidéo en streaming. Voici comment publier une vidéo grâce à Flash. De cette manière, beaucoup plus de monde pourra voir la vidéo sans problème.
De plus, le démarrage de l'affichage des vidéos Flash est nettement plus rapide que pour AVI, WMV ou QuickTime.
Convertir la vidéo en FLV sous Windows
Installer un convertisseur FLV
Téléchargez et installez
Riva FLV Encoder (gratuit -4,9 Mo)
Convertir la vidéo en FLV
Sélectionnez votre vidéo, choisissez le nom de sortie ainsi que le format (résolution, nombre d'images/seconde,etc.) et cliquez sur le bouton "Encode" et attendez. Cela va produire un fichier
.FLV.
L'encodeur Riva est capable de lire différents formats AVI, MPG, QuickTime et WMV. (Voir
cette page pour la liste des formats vidéo supportés. )
Convertir la vidéo en FLV sous Linux
Installer un convertisseur FLV
Installez ffmpeg.
Par exemple sous Debian, tapez: sudo aptitude install ffmpeg
Convertir la vidéo en FLV
Tapez : ffmpeg -i mavideo.avi mavideo.flv
Le débit par défaut est de 200 kilo-bits/sec. (=25 ko/sec.)
Si vous voulez une meilleure qualité, ajoutez l'option -b pour choisir le débit.
Par exemple:ffmpeg -i mavideo.avi -b 512 mavideo.flv
Note : Certaines distributions sont fournies avec une version de ffmpeg qui est compilée sans le support MP3 (comme Ubuntu). Dans ce cas, la conversion sera bien effectuée, mais la vidéo sera muette.
Dans ce cas:
Cela devrait régler le problème (Testé avec succès sous Ubuntu 7.10).
Installer le player FLV en Flash
Prenez un player FLV en Flash. Vous en trouverez plein de gratuits sur internet.
Par exemple
Flash Video Player de Jeroen Wijering.
Téléchargez le fichier
flash_flv_player.zip (301 ko).
Créer la page HTML
Copiez votre fichier FLV et flvplayer.swf dans un même répertoire et créez un fichier HTML correspondant.
Exemple:
<html>
<head>
<title>Ma vidéo</title>
</head>
<body>
<noembed>
<object style="width:320px;height:260px">
<param name="movie" value="flvplayer.swf?file=mavideo.flv" />
<param name="quality" value="high" />
</object>
</noembed>
<embed width="320" height="260" src="flvplayer.swf?file=mavideo.flv" quality="high" type="application/x-shockwave-flash" />
</body>
</html>
C'est à vous d'ajuster la taille de la vidéo à l'écran (width et height) ainsi que le nom du fichier flv. (mavideo.flv).
Voir également
Publié par
sebsauvage -
Dernière mise à jour le 20 avril 2011 à 15:28 par @ntoine
