Nous allons voir à travers cet article comment on peut charger une animation Flash sur une page web via un script Javascript.
Premier avantage, le script Javascript va vous permettre de détecter la version du plugin Flash installée sur la machine du client, si la version ne correspond pas à celle que vous attendez, vous pourrez afficher un message indiquant au visiteur de télécharger la dernière version du plugin Flash. Second avantage, ce script va vous permettre d’outre-passer le paramètre de sécurité des différentes versions d’Internet Explorer, « Appuyez sur la barre d’espace ou sur la touche Entrée pour activer et utiliser ce contrôle ».
Pour commencer, vous devez télécharger le script Javascript qui permettra de charger votre animation Flash. pour récupérer le fichier, cliquez ici. Une fois ce fichier récupéré, vous devez le placer sur votre serveur FTP avec le fichier Flash SWF.
Pour pouvoir charger le fichier, vous devez spécifier au navigateur le chemin du script Javascript. Cette déclaration s’effectue dans l’entête de la page web entre les balises <head> et </head>.
Etape suivante, vous devez définir une zone où va être chargée l’animation Flash. C’est dans cette même zone que vous afficherez un message si l’animation ne peut être chargée. Cette zone doit être définie par la balise <div> dans laquelle on rajoutera un identifiant pour que le script Javascript puisse la retrouver. Le message qui s’affiche en cas de non chargement de l’animation Flash doit se trouver entre les balises <div> et </div>.
<div id="monplayer">Mon message</div>
Nous continuons en examinant la commande Javascript que nous allons exécuter. Celle-ci se découpe en deux parties :
var FO = {
movie:"monfichier.swf", width:"850px", height:"600px", majorversion:"9", build:"28", minorversion:"8", bgcolor:"#000000"
};
- movie: le chemin du fichier Flash SWF à charger entre guillemets doubles
- width: la largeur en pixels de votre animation suivie de px
- height: la hauteur en pixels de votre animation suivie de px
- majorversion: la version principale du plugin Flash requise, principalement 8 ou 9
- build: la spécification d’une sous-version du plugin Flash. Si vous ne souhaitez pas utiliser ce paramètre, laissez sa valeur à 0
- minorversion: la version mineure ?
- bgcolor: la couleur de fond, celle derrière votre animation, en valeur hexadécimale
La seconde partie est l’appel au chargement de l’animation dans la div.
UFO.create(FO, "monplayer");
En résumé, cela pourrait donner:
<html>
<head>
<title>Tire de ma page</title>
<script type="text/javascript" src="http://www.monsite.com/soussdossier/ufo.js"></script>
</head>
<body>
<div id="monplayer">
Merci de télécharger la dernière version de Flash.
</div>
<script type="text/javascript">
var FO = {
movie:"monfichier.swf", width:"850px", height:"600px", majorversion:"9", build:"28", minorversion:"8", bgcolor:"#000000"
};
UFO.create(FO, "monplayer");
</script>
</body>
</html>
Si vous voulez voir un exemple concret de l’application de cet article, rendez-vous sur http://www.benoit-deldicque.com/flash.
Sur cette page, visualiser le code source.
I highly enjoyed reading your article, keep on writing such exciting posts!
bonjour j’ai bien compris votre code, c’est très intéressant.
mais faut il changer le code javascript dans ufo.js ?
je pense avoir tout bien collé dans mon code source mais ça ne fonctionne pas..
si vous pouviez me donner une réponse, cordialement.
Bonjour,
il n’y a rien à modifier dans le fichier ufo.js.
Je vous conseille de vérifier les points suivants :
- le fichier ufo.js est bien intégré dans le head de votre document
- le petit bout de script avec le swf et l’ID de div ne doit pas comporter d’erreurs
- une balise DIV avec un attribut « id » doit être présente dans le document
Cordialement,
Bonjour,
Commander un flash de l’extérieur est très intéressant.
Est-il possible avec cette méthode de lire le flash
de cette manière, c’est à dire en fonction de la page html ouverte, de faire aller la tête de lecture à une image précise de l’animation ?
Cordialement.
Bonjour,
Il est possible de communiquer avec une animation Flash depuis un navigateur avec la fonction fscomand().
Pour un exemple, je vous recommande de consulter le lien pour le contrôle d’un player video sur le site d’Adobe.
http://help.adobe.com/en_US/AS2LCR/Flash_10.0/00000448.html#238846
Cordialement,
Benoit
Bonjour,
j’ai trouvé votre application car je cherchait à exécuter un fichier flash à partir de JS; merci pour votre post qui fonctionne fort bien.
Par contre, est-il possible, comme en HTML de forcer la transparence de l’animation ( ) ?
Merci d’avance
Pierre BOURDON
Bonjour et Mexique pour votre commentaire.
Malheureusement, je n’ai pas la réponse à votre question immédiatement et ne peut que vous renvoyer vers la documentation Adobe incluse à Flash ou disponible en ligne.
Bonne continuation et n’hésitez pas a partager vos résultats sur cette page.
Benoît