Nous allons voir ici comment faire un player .flv à l’aide des composants de flash et quelques lignes de code.
Ouvrez un nouveau document flash AS3 aux dimensions de votre lecteur.
Créez 4 calques (dans cet ordre) :
- un calque actions qui contiendra les actionscripts
- un calque boutons qui contiendra les composants boutons
- un calque fond qui contiendra l’image de fond de votre player
- un calque vidéo qui contiendra le composant flvplayer
Importez votre décor dans la bibliothèque, placez-le sur la scène, sur le calque « fond » et verrouillez-le.
Placez le composant FLVPlayback sur la scène, sur le calque « video » et donnez-lui le nom d’occurrence « video » dans l’onglet propriétés.
Assurez-vous que les propriétés de liaison sont cochées. Pour cela, sélectionnez le composant dans la bibliothèque, clic droit > propriétés.
Ouvrez l’inspecteur des composants et modifiez les paramètres de la vidéo :
• Modifiez autoplay en « false »
true lance la vidéo dès le chargement, ce qui peut être désagréable dans le cas où vous affichez plusieurs vidéos sur la même page.
false oblige à cliquer sur le bouton play pour lancer la vidéo.
• Assurez-vous que skin est bien sur « aucun », sinon vous aurez 2 jeux de boutons : le vôtre et celui du skin du composant.
• Dans le champ source, saisissez l’url de votre fichier .flv.
Placez les composants suivants sur la scène, sur le calque « boutons » :
Sélectionnez le bouton play sur la scène et donnez-lui le nom d’occurrence « play_btn » dans l’onglet propriétés.
Faites de même avec les autres composants :
pause => pause_btn
seeker => seeker
buffering => buffer
volume => vol
mute => mute_btn
Et enfin, sur le calque « action », placez l’action suivante :
video.playButton = play_btn;
video.stopButton = pause_btn;
video.seekBar = seeker;
video.bufferingBar = buffer;
video.volumeBar = vol;
video.muteButton = mute_btn;
Testez l’animation, vous devriez obtenir ceci :
Tutoriel par Clix! ©2010 – DO NOT RIP.
| Suivant > |
|---|
