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.