Current template: single.php

La vidéo avec Flash

By 19 novembre 2006Adobe Flash, Tutoriels

A l’heure actuelle (novembre 2006), Flash me paraît la meilleure solution pour diffuser de la vidéo sur le web.
En effet, le flash plugin est à peu près disponible partout et les vidéos générées sont assez légères et de bonnes qualité

Les outils

D’abord, si vous possédez Flash (MX 2004 ou +), importez votre vidéo originale comme n’importe quel autre fichier. Flash vous demande quelques renseignements. Si vous souhaitez diffuser en continu (streaming), choisissez “Téléchargement progressif à partir d’un site web“.

Encodage de la vidéo

Ensuite viennent les paramètres de compression. Voici à titre indicatif ceux que j’ai choisis :

paramètres flv

Avec ces paramètres, la vidéo qui pesait 54,9 Mo pèse maintenant 1,5 Mo !

Le dernier écran vous propose de choisir un visuel pour le player (il s’agit d’un fichier .swf externe à votre animation)

Publication sur le web

On passe maintenant à la publication de votre vidéo sur le web. A ce stade, vous devez avoir 4 fichiers :

  1. video.swf
  2. video.flv
  3. video.html
  4. SteelExternalPlayMute.swf (le visuel du player)

Ces 4 fichiers doivent être uploadés sur votre serveur via ftp.

Flash Player Video

Si vous ne possédez pas Flash ou que vous souhaitiez simplement mettre des vidéos sur votre blog, vous pouvez utiliser un player gratuit réalisé avec Flash et qui vous permet, avec un minimum de connaissances, de mettre une vidéo en ligne.

Cliquez ici pour le téléchargement.
Pour pouvoir apprécier votre vidéo, il vous faut 2 fichiers :

  • la page html
  • le player flvplayer.swf

Voici un code html basique à mettre dans votre fichier html :

 <html>
 	<head><title>test flv</title></head>
  		<h2>test</h2>
 		<object type="application/x-shockwave-flash" width="320" height="213" data="flvplayer.swf">
 		<param name="movie" value="flvplayer.swf" />
 		<param name="flashvars" value="file=video.flv" />
 		</object>
 	</body>
 </html>

Ce code charge une vidéo nommée video.flv

Et c’est parti 🙂

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.