Flash

Intégrer de la vidéo dans SlideShowpro

Ce tutorial à pour but de vous aider à intégrer de la vidéo dans le composant SlideShowPro. l’intégration est relativement facile, il faut procéder de façon habituelle comme si vous vouliez intégrer des images, cependant quelques petits aménagements sont nécessaires pour pouvoir afficher de la vidéo.

1 - Création du player vidéo

a) créez un nouveau fichier Flash, nommez-le “vidplayer.fla” et donnez lui la même taille que l’affichage de slideshowpro

b) Ajoutez sur la scène le composant vidéo de flash “FLV Playback - Player 8″ nommez-le “player_mc”

c) Redimensionez-le à la taille de la scène

d) changez la valeur du paramètre du composant “autoPlay” sur “false”, vous pouvez néanmoins la laisser sur “true”, vous pouvez également modifier la valeur du paramètre “skin” de façon à choisir un autre design pour la barre de transport, modifiez la valeur du paramètre “autosize” sur “true”, c’est toujours utile pour pouvoir réutiliser le player avec des vidéos de dimensions différentes.

e) Ajoutez un nouveau layer à la timeline nommez-le “actionscript” et sur la première frame ajoutez le code suivant :
[as]player_mc.load(movie);[/as]

f) compilez, et voilà vous avez un player de FLV prêt à être utilisé dans SlideShowPro

2 - préparation du fichier XML

a) dans la propriété “src” du tag “album” ajoutez le lien vers la vidéo de la manière suivante.
[html]src=”vidplayer.swf?movie=videos/charanova/opel_charanova.flv” mce_src=”vidplayer.swf?movie=videos/charanova/opel_charanova.flv”[/html]

b) la propriété “caption” doit être vide sinon la barre de transport du player vidéo ne sera pas accessible

c) Ajoutez le chemin vers le player de FLV dans la propriété “lgPath”
[xml]

[/xml]

3 - préparation de Slideshowpro

Il n’y a pas de configuration particulière pour le composant SlideShowPro

11 Comments

speak up

Add your comment below, or trackback from your own site.

Subscribe to these comments.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*Required Fields