Accessibilité
Ressources pour les développeurs

Table des matières

Creating Custom Video Skins for the Flash Video Extension for Dreamweaver MX 2004

Mieux comprendre les contrôleurs personnalisés

Alors que les enveloppes par défaut fournies avec l'extension vidéo Flash sont d'excellente qualité, certains projets pourront mieux profiter d'une enveloppe personnalisée. L'intégration d'une enveloppe personnalisée à votre site, la personnalisation de la couleur d'une enveloppe personnalisée ou même la création de l'enveloppe à partir de rien, sont des opérations très simples.

Un fichier d'enveloppe est constitué de deux parties : un ensemble de clips ou d'actifs placés sur la scène, et d'un peu de code ActionScript. Chaque clip requiert un nom d'occurrence spécifique de façon à ce que le code ActionScript puisse s'y retrouver.

La liste suivante présente la structure d'imbrication et d'appellation :

volumeMute_mc
     on_mc
           up_mc
           over_mc
           down_mc
     off_mc
           up_mc
           over_mc
           down_mc
play_mc
     up_mc
     over_mc
     down_mc
     disabled_mc
pause_mc
     up_mc
     over_mc
     down_mc
     disabled_mc
stop_mc
     up_mc
     over_mc
     down_mc
     disabled_mc
cover_mc
     nw_mc
     n_mc
     ne_mc
     w_mc
     e_mc
     sw_mc
     s_mc
     se_mc
buffering_mc
volumeBar_mc
     bar_mc
     handle_mc
           up_mc
           over_mc
           down_mc
seekBar_mc
     middle_mc
     handle_mc
           up_mc
           over_mc
           down_mc

Tous les clips indiqués ci-dessus ne sont pas obligatoires ; cependant, cette liste comprend tous les actifs inclus dans le première enveloppe personnalisée créée dans le cadre de ce didacticiel. Cette liste pourra vous aider à créer votre enveloppe. L'enveloppe réagit différemment en fonction des actifs disponibles dans le fichier SWF. Par exemple, si l'extension vidéo Flash ne trouve pas le clip volumeMute_mc dans le fichier de l'enveloppe, l'enveloppe ne comprendra pas de bouton de mise en sourdine.

Le fragment de code suivant est placé dans l'image 1 du scénario principal de l'enveloppe. Ce code est un exemple de code ActionScript requis pour placer les éléments dans cette enveloppe :

function getSkinInfo(Void):Object {
     var res:Object = new Object();
     res.video = {x:10, y:10, w:-20, h:-47};
     res.mode = "disable"; //or "hide"
     res.playBtn = {x:10, y:-30};
     res.pauseBtn = {x:50, y:-30};
     res.stopBtn = {x:90, y:-30};
     res.seekBar = {x:135, y:-33, w:-229};
     res.buffering = {x:136, y:-27, w:-231};
     res.volumeMute = {x:-88, y:-31};
     res.volumeBar = {x:-66, y:-33, l:51, type:"horizontal"};
     res.autoHide = false;
     res.bgColor = 0xFFFFFF;
     res.uiMode = "stretch"; // or "center", "TL"
     return res;
}

Remarque – Les valeurs négatives spécifiées pour x, y, w, h ou l indiquent que la valeur devrait être les dimensions du fichier SWF, moins le nombre de pixels spécifié.

Par exemple, la propriété video de l'objet res comprend un objet avec les propriétés et valeurs suivantes : x:10, y:10, w:-20 et h:-47. Ce code place l'objet vidéo aux coordonnées x et y de 10 pixels. La largeur de l'objet vidéo est de 20 pixels inférieure à la taille du fichier d'enveloppe. La coordonnée x de la vidéo étant définie à 10, la vidéo est centrée dans l'enveloppe. La propriété finale est h (hauteur). La hauteur de l'objet vidéo est définie à -47 (la hauteur du fichier de l'enveloppe moins 47 pixels). La coordonnée y étant définie à 10 pixels, un espace de 37 pixels apparaît sous l'objet vidéo, où les autres boutons apparaissent.