Utiliser flvplayer

Utiliser flvplayer
flvplayer
Effectuer les réglages
Tous les paramètres de ce lecteur de vidéos flv se définissent à l’aide des paramètres html du fichier flash.
Des utilisateurs plus experts pourront même utiliser leur connaissance de php ou
d’asp pour générer la balise et modifier la configuration à la demande.
Les autres paramètres seront aussi réglés par la balise de Flash (taille du fichier
Flash dans la page, couleur de fond..).
Paramètres
Nom de fichier
Pour indiquer le nom du fichier vidéo, il faut changer la variable ‘video’. Cette variable doit être utilisée dans le code HTML qui insère le fichier swf. Par exemple:
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8–444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/s
wflash.cab#version=7,0,0,0"
WIDTH=”320” HEIGHT=”265”" id="flvplayer" ALIGN="">
<PARAM NAME=”movie” VALUE="flvplayer.swf?video=video.flv">
<PARAM NAME=”loop” VALUE=false>
<PARAM NAME=”menu” VALUE=false>
<PARAM NAME=”quality” VALUE=high>
<PARAM NAME=”bgcolor” VALUE=#ffffff>
<PARAM NAME="scale" value="noscale">
<EMBED src="flvplayer.swf?video=video.flv"
loop="false"
menu="false"
quality="high"
bgcolor="#FFFFFF"
WIDTH=”320"
HEIGHT=”265”
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
Ce qui est important est en rouge. Je vous invite à utiliser toujours les url complètes des fichiers pour éviter les problèmes de chemins liés aux différents navigateurs.
Taille du lecteur
Dans la balise html pour Flash, vous pouvez changer comme vous voulez la taille
du lecteur.
Utiliser flvplayer - 1.0
1
Ajoutez toujours 25 pixels en hauteur pour le controleur (boutons play, défilement
et son). Ainsi pour afficher votre vidéo en 640x480, utilisez les paramètre 640 et
505 pour la largeur (width) et la hauteur (height).
Démarrage automatique
On peut démarrer automatiquement la lecture du fichier vidéo en ajoutant le paramètre ‘autostart’ à la balise html, et en lui donnant la valeur ‘true’.
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8–444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/s
wflash.cab#version=7,0,0,0"
WIDTH=”320” HEIGHT=”265”" id="flvplayer" ALIGN="">
<PARAM NAME=”movie”
VALUE="flvplayer.swf?video=video.flv&autostart=true">
<PARAM NAME=”loop” VALUE=false>
<PARAM NAME=”menu” VALUE=false>
<PARAM NAME=”quality” VALUE=high>
<PARAM NAME=”bgcolor” VALUE=#ffffff>
<PARAM NAME="scale" value="noscale">
<EMBED src="flvplayer.swf?video=video.flv&autostart=true"
loop="false"
menu="false"
quality="high"
bgcolor="#FFFFFF"
WIDTH=”320"
HEIGHT=”265”
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
La valeur par défaut de ce paramètre est ‘false’: la vidéo ne commence à être lue
qu’à partir du moment où on clique sur le bouton de lecture.
Durée de la vidéo
Les fichiers vidéo flv doivent normalement indiquer la longueur de la séquence
(en millisecondes). Or beaucoup d’outils ne mettent pas à jour ces informations.
Pour remédier à ce problème, deux solutions: utiliser l’outil disponible sur pc
seulement disponible ici:
http://soenkerohde.com/2005/04/15/flvtool2-another-flv-meta-data-injector/ , ou
indiquer soi-même la longueur du fichier.
Dans le second cas, ajoutez le paramètre ‘time’ à la balise HTML du fichier Flash
et indiquez la durée en secondes:
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8–444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/s
wflash.cab#version=7,0,0,0"
WIDTH=”320” HEIGHT=”265”" id="flvplayer" ALIGN="">
<PARAM NAME=”movie” VALUE="flvplayer.swf?video=video.flv&time=31">
<PARAM NAME=”loop” VALUE=false>
2
<PARAM NAME=”menu” VALUE=false>
<PARAM NAME=”quality” VALUE=high>
<PARAM NAME=”bgcolor” VALUE=#ffffff>
<PARAM NAME="scale" value="noscale">
<EMBED src="flvplayer.swf?video=video.flv&time=31"
loop="false"
menu="false"
quality="high"
bgcolor="#FFFFFF"
WIDTH=”320"
HEIGHT=”265”
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
Durée du buffer de la vidéo
Les fichiers flv se chargent progressivement. Bien entendu, comme le réseau
n’est pas une chose sûre, il y a un buffer, en français tampon. Le lecteur attend
donc de prétélécharger un peu de vidéo avant de commencer à la jouer.
Par défaut, j’ai réglé le buffer à 5 secondes: si vous coupez le fil du réseau, il reste
encore 5 secondes de vidéo à jouer dans la zone tampon. Mais vous pouvez augmenter ce buffer en utilisant le paramètre ‘buffer’ comme on a utilisé le paramètre time précédemment.
A noter que si la connexion est insuffisante, le buffer ne pourra pas corriger cela
(ce n’est pas comme un autostart avec quicktime). Le tampon se remplira, puis se
videra, amenant un arrêt de la vidéo, et donc le tampon se re remplit, et si on relance, on le vide à nouveau, etc...
Exemple de balise flash avec un buffer de 10 secondes:
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8–444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/s
wflash.cab#version=7,0,0,0"
WIDTH=”320” HEIGHT=”265”" id="flvplayer" ALIGN="">
<PARAM NAME=”movie”
VALUE="flvplayer.swf?video=video.flv&time=31&buffer=10">
<PARAM NAME=”loop” VALUE=false>
<PARAM NAME=”menu” VALUE=false>
<PARAM NAME=”quality” VALUE=high>
<PARAM NAME=”bgcolor” VALUE=#ffffff>
<PARAM NAME="scale" value="noscale">
<EMBED src="flvplayer.swf?video=video.flv&time=31&buffer=10"
loop="false"
menu="false"
quality="high"
bgcolor="#FFFFFF"
WIDTH=”320"
HEIGHT=”265”
3
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
Et si ça marche pas?
Je veux changer la couleur de fond du lecteur. Comment fais je?
Cette couleur de fond se règle dans la balise html de Flash. Changez la valeur du
paramètre ‘bgcolor’ pour avoir la couleur qui vous va.
Je comprend rien à tous ces paramètres etc
Donnez moi la liste de vos fichiers images et votre fichier html je vous aiderai une
fois.
J’ai un problème particulier qui fait que cela ne marche pas.
Dans ce cas, il faut me contacter en donnant un maximum d’explications sur le
problème rencontré, en fournissant les fichiers qui posent problème, et les urls
où l’on peut voir le problème.
[email protected]
4