<h2>Votre Formation vidéo</h2><br/>
Votre formation est décomposée<br/>
en chapitres très clairs de 20 à 30 min. <h2>Des exemples SWF </h2><br/>
Chaque leçon est accompagnée<br/>
du code source avec le fla et les classes. <h2>Votre Suivi personnalisé</h2><br/>
Vous pouvez  me poser toutes<br/>
vos questions sous les cours vidéos.

Sujets sur : Adobe Flash

Cours ActionScript 3 ‘Adobe Flash’

La Méthode en 3 étapes pour utiliser les graphismes d’Adobe Flash avec l’éditeur ActionScript FDT

Commentaires fermés sur La Méthode en 3 étapes pour utiliser les graphismes d’Adobe Flash avec l’éditeur ActionScript FDT

Ecrit le 3 février par Matthieu
Publié dans le(s) sujet(s) ActionScript 3

Beaucoup d’utilisateurs d’Adobe Flash rencontrent le même problème :

Comment créer des graphismes dans Adobe Flash et surtout comment utiliser ces graphismes directement avec un éditeur ActionScript performant.

Ce tutoriel ActionScript, relie Adobe Flash CS et FDT, avec un nouvel exemple pour affecter une couleur aléatoire à un clip.

Voici ce que vous allez mettre en pratique suite à cette formation Flash :

  • La technique pour créer vos clips dans la bibliothèque Adobe Flash.
  • Comment utiliser le nuancier pour ajouter des effets de transparence.
  • Une astuce pour ajouter plusieurs couleurs dans un élément graphique.
  • Une technique pour ajouter des effets d’ombre, de relief sur une clip complet.
  • Ce qu’il faut absolument paramétrer pour utiliser vos graphismes Adobe Flash avec votre éditeur ActionScript préféré.
  • Une technique pour ajouter plusieurs fois le même clip graphique sur la scène et donner à chacun un comportement différent.
  • Comment affecter une couleur aléatoire, sur un movieclip, une animation…, avec la classe ColorTransform .
  • Comment convertir rapidement un nombre décimal en hexadécimal.

Cette formation flash vous apprend comment travailler de concert avec Adobe Flash CS et votre éditeur ActionScript (FDT).

Vous pouvez ainsi travailler en équipe, avec d’un côté un designer pour créer les graphismes dans Adobe Flash CS. Et de l’autre côté, un développeur crée le code ActionScript.

Le tout donne vie rapidement à une application flash optimisée 😉

Les graphismes Adobe Flash et l’éditeur ActionScript

Version démonstration

Voici la version de l’application “ColorTransform”.

https://www.actionscript-facile.com/wp-content/uploads/2013/02/couleur-transparence-colorTransform.swf

Télécharger le code source couleur aléatoire

Vous trouvez ci-dessous le code source complet pour utiliser les graphismes d’Adobe Flash CS avec un éditeur ActionScript.

Il y a également l’exemple de changement de couleur d’un clip avec la classe ColorTransform.

Télécharger “ColorTransform” couleur-transparence-colorTransform.zip – Téléchargé 93 fois – 102 KB

Et vous, comment travaillez vous à plusieurs sur le même projet ?

Quelles solutions utilisez-vous, pour travailler tous ensemble, sur le même projet ?

Partagez vos solutions et postez vos applications dans les commentaires ci-dessous.

Utiliser un code source AS3 avec Adobe Flash CS5 – Import des fichiers .as et .swc

2 questions

Ecrit le 28 février par Matthieu
Publié dans le(s) sujet(s) Cours AS3 |Editeur ActionScript

Le thème de la formation flash de cette semaine répond à une question qui revient souvent parmi les Développeurs qui suivent la Formation AS3 Facile :

  • Comment utiliser des codes sources et importer les classes as directement dans Adobe Flash CS5.
  • La technique pour utiliser les fichiers .swc avec Adobe Flash CS5.

C’est très simple d’importer un code source complet pour le compiler avec Adobe Flash CS5.

C’est ce que je vous propose de découvrir à travers ce tutoriel flash sur Adobe Flash CS5.

Vous apprendrez également comment compiler votre application avec Adobe Flash CS5 pour créer un swf tout neuf !

Adobe Flash CS5 – import des fichiers as et swc

Télécharger le code source du tutoriel AS3

Vous trouverez l’ensemble du code source utilisé durant cette formation flash.

Télécharger “Adobe Flash CS5 - Import des classes .as et .swc” flash-cs5-ticket-a-gratter.zip – Téléchargé 263 fois – 281 KB

Souhaitez-vous d’autres tutoriels sur Adobe Flash CS5 ?

Donnez-moi les thèmes des prochains tutoriels sur Adobe Flash CS5, via les commentaires ci-dessous.

[adrotate block=”2″]

Spécial Italie avec AS3 Formation

Commentaires fermés sur Spécial Italie avec AS3 Formation

Ecrit le 29 septembre par Matthieu
Publié dans le(s) sujet(s) Projet

Bonjour,

Ici, Matthieu Formateur des Développeurs ActionScript.

Ces derniers jours, j’ai assisté à une Formation de 4 jours en Italie, dans la belle ville de Rimini 😉

Cette formation était très intensive, elle regroupait les meilleurs intervenants dans le domaine du Leadership et de la Pédagogie.

J’en ais donc profité pour préparer des nouveaux cours ActionScript 3 encore plus simple et intuitif, depuis la plage de Rimini, sous le soleil de l’Italie !

Promotion AS3 Formation

Pour vous permettre de profiter des nouveaux cours pédagogiques AS3 Formation, je vous informe que le Kit du Développeur Flash / ActionScript 3 profite d’une réduction exceptionnelle jusqu’au mardi 4 octobre 2011.

https://www.actionscript-facile.com/kit-dev-actionscript-flash

Logo Kit du Développeur ActionScript Flash

Dès mardi prochain minuit, le Kit du Développeur Flash / ActionScript 3 reprend son tarif normal.

Les nouveaux cours AS3 Formation vous plairont surement, je vous ais réservé quelques surprises sympathiques !

Pour des raisons techniques, la plateforme de formation ne peut accueillir qu’une vingtaine de participants.

Je tiens à garantir votre réussite et donc à vous accompagner individuellement et personnellement dans votre apprentissage.

Hors vous êtes plus de 600 Développeurs à suivre la Formation AS3 Facile. Pour les remercier de leur fidélité, les Développeurs AS3 Facile ont été prévenus en avance de cette offre exceptionnelle. Du coup, les premières places sont déjà partis.

Il ne reste donc plus que quelques places pour cette session “Spéciale Italie”.

En clair, les premiers arrivés seront les premiers servis !

C’est maintenant qu’il faut en profiter :

https://www.actionscript-facile.com/kit-dev-actionscript-flash

Bonne journée sous le soleil,

Matthieu

PS : vous bénéficiez toujours de ma garantie unique satisfait ou remboursé pendant 60 jours.

Vous ne prenez aucun risque, essayez le Kit du Développeur AS3 Formation :

https://www.actionscript-facile.com/kit-dev-actionscript-flash

La Documentation de SWFObject

2 questions

Ecrit le 14 septembre par Matthieu
Publié dans le(s) sujet(s) Adobe Flash

Qu’est ce SWFObject ?

SWFOjbect 2 :

  • Fournit 2 méthodes optimisées pour afficher le Player Flash, une approche par balise et une méthode utilisant le JavaScript.
  • Fournit une API JavaScript contenant un panel complet d’outils, pour afficher des fichiers SWF et récupérer les informations du Player Flash.
  • Utilise seulement un petit fichier JavaScript (10Kb / GZIPed : 3.9 Kb ).
  • Successeur de SWFObject 1.5, UFO et Adobe Flash Player Detection Kit.
  • Créé pour regrouper toutes les méthodes d’affichage du Player Flash et fournir un nouveau standard pour embarquer le contenu Adobe Flash Player.

Pourquoi devez-vous utiliser SWFObject ?

SWFOjbect 2 :

  • Plus optimisé et plus souple que les autres solutions d’affichage du Player Flash.
  • Fournit une solution pour tout le monde, ce n’est pas un problème si vous êtes un développeur HTML, Flash ou JavaScript, cela est pratique pour tout le monde.
  • Casse le cycle bloqué dans des balises spécifiques aux constructeurs et met en avant l’utilisation des standards du web et le contenu alternatif.
  • Utilisation du JavaScript non intrusif et les meilleures pratiques JavaScript.
  • Facile à utiliser.

L’article Flash Embedding Cage Match du site A List Apart décrit le raisonnement complet de SWFObject 2.

Pourquoi SWFObject utilise JavaScript ?

Premièrement, SWFObject 2 utilise JavaScript pour résoudre les problèmes qui ne peuvent être résolus par des balises seules.

SWObject 2 :

  • Détecte la version du Player Flash et détermine si le contenu Flash ou le contenu alternatif doit être visible, pour éviter d’avoir un plugin Flash “déprécié” et un mauvais rendu du contenu Flash.

 

  • Fournit des fonctionnalités pour basculer sur le contenu alternatif dans le cas d’un plugin Flash “déprécié en manipulant le DOM (Note:  si le plugin Flash n’est pas installé, l’objet HTML bascule automatiquement sur le contenu alternatif).

 

  • Donne la possibilité d’utiliser Adobe Express Install pour télécharger la dernière version du Flash Player.
  • Fournit une API JavaScript pour effectuer les opérations classiques liées au Flash Player et à Flash.

Dois-je utiliser la méthode de publication statique ou dynamique ?

SWFObject 2 propose 2 méthodes différentes pour afficher du contenu Flash :

1. La méthode la publication statique intègre à la fois le contenu Flash et du contenu alternatif en utilisant un balisage conforme aux standards, et utilise JavaScript pour résoudre les problèmes qui le balisage seul ne peut résoudre.

2. La méthode de publication dynamique est basé sur un contenu alternatif et utilise JavaScript pour remplacer ce contenu avec du contenu Flash si la version de Flash Player demandée est installé et le support JavaScript est disponible (comme les versions précédentes de SWFObject et UFO).

Les avantages de la méthode de publication statique sont les suivants :

1. La mise en avant d’utilisation des normes de balisage conformes.
2. Meilleure performance d’intégration.
3. Le système d’intégration de contenu Flash ne s’appuie pas sur un langage de script, de tel sorte que votre contenu Flash peut atteindre une audience plus significative :

  • Si vous avez le plug-in Flash installé, mais avec le JavaScript désactivé ou vous utilisez un navigateur qui ne supporte pas le JavaScript, vous serez toujours en mesure de voir votre contenu Flash.

 

  • Flash va désormais fonctionner sur un appareil comme une Sony PSP, qui a un très faible support de JavaScript.
  • Les outils automatisés tels que les lecteurs RSS sont en mesure d’indexer le contenu Flash

Les avantages de la méthode de publication dynamique sont les suivants :

  1. Il s’intègre très bien avec les applications scriptées et permet l’utilisation de variables dynamiques (flashvars).
  2. Il évite le système d’activation du contenu Flash dans Internet Explorer 6 / 7 et Opera 9 +.  Notez que Microsoft a éliminé la plupart des contenus à activer à partir de son navigateur Internet Explorer.

 

Comment intégrer du contenu Flash en utilisant SWFObject avec la méthode statique

ÉTAPE 1: ajouter le contenu Flash et le contenu alternatif en utilisant des balises conformes

Les balises de SWFObject utilisent l’imbrication des objets (avec Internet Explorer, des commentaires conditionnels) http://www.alistapart.com/articles/flashembedcagematch/ pour assurer la compatibilité maximale des navigateurs et le support des balises, tout en étant conforme aux normes et en ajoutant un contenu alternatif http://www.bobbyvandersluis.com/flashembed/testsuite/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <title>SWFObject - step 1</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  </head>
  <body>
    <div>
 
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="780" height="420">
        <param name="movie" value="myContent.swf" />
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="myContent.swf" width="780" height="420">
        <!--<![endif]-->
          <p>Alternative content</p>
        <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
      </object>
 
    </div>
  </body>
</html>

REMARQUE : la méthode imbriquée objets nécessite une définition double objet (l'objet externe ciblant Internet Explorer et l'objet interne ciblant tous les autres navigateurs), vous avez donc besoin de définir les attributs de votre objet et éléments param imbriquées à deux reprises.

Attributs Requis:

  • classid (élément objet extérieur uniquement, la valeur est toujours clsid: D27CDB6E-AE6D-11cf-96B8-444553540000).
  • type (élément objet interne uniquement, la valeur est toujours application / x-shockwave-flash).
  • data (élément objet interne uniquement, définit l’URL d’un fichier SWF).
  • width (deux éléments objet, définit la largeur d’un fichier SWF)
  • height (à la fois des éléments objet, définit la hauteur d’un SWF)

Élément param requis :

  • movie (élément objet externe seulement, définit l’URL d’un fichier SWF)

NOTE : nous vous déconseillons d’utiliser l’attribut codebase pour pointer vers l’URL de l’installeur du plugin Flash sur les serveurs d’Adobe, car c’est illégal selon les spécifications qui en limitent l’accès au domaine du document en cours seulement. Nous recommandons l’utilisation du contenu alternatif avec un message indiquant à l’utilisateur qu’il peut avoir une expérience plus riche en téléchargeant le plugin Flash.

 

Comment pouvez-vous utiliser HTML pour configurer votre contenu Flash?

Vous pouvez ajouter des attributs optionnels, ils sont souvent utilisées sur l’élément objet:

  • id
  • name
  • class
  • aligner

Vous pouvez utiliser les option suivantes de Flash associées à l’élément param (plus d’info) :

Pourquoi devez-vous utiliser le contenu alternatif ?

L’élément objet permet d’ajouter du contenu alternatif, qui sera affichée si Flash n’est pas installé ou pris en charge. Ce contenu sera également repris par les moteurs de recherche, ce qui en fait un outil formidable pour créer du contenu pour les moteurs de recherche. En résumé, vous devez utiliser un contenu alternatif si vous souhaitez créer du contenu qui est accessible pour les gens qui naviguent sur ​​le Web sans plugins , créer du contenu pour les moteurs de recherche ou de dire aux visiteurs qu’ils peuvent avoir une expérience utilisateur plus riche en téléchargeant le plug-in Flash .

ÉTAPE 2: Inclure la bibliothèque SWFObject JavaScript dans l’entête de votre page HTML

La bibliothèque SWFObject utilise un fichier JavaScript externe. Le code de SWFObject sera exécutée dès qu’il est lu et il exécutera toutes les manipulations DOM dès le DOM est chargé – pour tous navigateurs compatibles, comme IE, Firefox, Safari et Opera 9 + – ou sinon dès dès la diffusion de l’événement onload :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <title>SWFObject - step 2</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
    <script type="text/javascript" src="swfobject.js"></script>
 
  </head>
  <body>
    <div>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="780" height="420">
        <param name="movie" value="myContent.swf" />
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="myContent.swf" width="780" height="420">
        <!--<![endif]-->
          <p>Alternative content</p>
        <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
      </object>
    </div>
  </body>
</html>

ÉTAPE 3: enregistrer votre contenu Flash avec la bibliothèque SWFObject et dire à SWFObject quoi faire avec lui

Premièrement, renseignez un identifiant unique à la balise objet qui définit votre contenu Flash. Deuxièmement, appelez la méthode swfobject.registerObject:

1. Le premier argument (String, obligatoire) spécifie l'ID utilisé.
2. Le second argument (String, obligatoire) spécifie la version requise du lecteur Flash pour la publication de votre contenu. Il active la détection de la version Flash pour un fichier SWF pour déterminer s’il faut afficher le contenu Flash ou le contenu alternatif en effectuant une manipulation du DOM. Alors que les numéros de version flash respectent normalement ce principe : major.minor.release.build, SWFObject regarde seulement les 3 premiers numéros, donc les deux «WIN 9,0,18,0″ (IE) ou “Shockwave Flash 9 r18 “(tous les autres navigateurs ) se traduira par “9.0.18”. Si vous voulez seulement tester une version majeure, vous pouvez omettre les numéros de version mineure et mettre «9» au lieu de “9.0.0”

3. Le troisième argument (String, optionnel) est utilisé pour activer Adobe Installation express et spécifie l’URL de votre fichier SWF “Express Install”. “Express Install” affiche une boîte de dialogue flash standardisée “Téléchargez le plugin” à la place de votre contenu Flash, lorsque la version du plugin requis n’est pas disponible. Un fichier par défaut expressInstall.swf est fournis avec le projet. Il contient également le fichier expressInstall.fla et les fichiers AS (dans le répertoire SRC) pour vous permettre de créer votre SWF Express Install . Notez que”Express Install” s’éxécute une seule fois (la première fois qu’il est invoqué), qu’il est uniquement pris en charge par Flash Player 6.0.65 ou supérieur sur Windows ou Mac, et qu’il exige une taille minimale SWF de 310px par 137px.

4. Le quatrième argument (fonction JavaScript, optionnel) est utilisé pour définir une fonction de rappel, qui est appelée à la fois en cas de succès ou d’échec de l’intégration du fichier SWF (voir la documentation de l’API )

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <title>SWFObject - step 3</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript" src="swfobject.js"></script>
 
    <script type="text/javascript">
    swfobject.registerObject("myId", "9.0.115", "expressInstall.swf");
    </script>
 
  </head>
  <body>
    <div>
 
      <object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="780" height="420">
 
        <param name="movie" value="myContent.swf" />
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="myContent.swf" width="780" height="420">
        <!--<![endif]-->
          <p>Alternative content</p>
        <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
      </object>
    </div>
  </body>
</html>

CONSEILS

Comment intégrer du contenu Flash en utilisant SWFObject avec la méthode dynamique

ÉTAPE 1: Créer le contenu alternatif en utilisant des balises conformes

La méthode dynamique de SWFObject suit le principe de l’amélioration progressive et remplace le contenu alternatif HTML par le contenu Flash lorsque le JavaScript et le support du plug-in Flash sont disponibles. D’abord définir votre contenu alternatif et identifiez le avec un id:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <title>SWFObject dynamic embed - step 1</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  </head>
  <body>
 
    <div id="myContent">
      <p>Alternative content</p>
    </div>
 
  </body>
</html>

 

ÉTAPE 2: Inclure la bibliothèque SWFObject JavaScript dans l’entête de votre page HTML

La bibliothèque SWFObject utilise un fichier JavaScript externe. SWFObject sera exécutée dès qu’il est lu et exécutera toutes manipulations DOM dès que le DOM est chargé – pour tous navigateurs compatibles, comme IE, Firefox, Safari et Opera 9 + – ou sinon dès que l’événement onload est diffusé :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <title>SWFObject dynamic embed - step 2</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
    <script type="text/javascript" src="swfobject.js"></script>
 
  </head>
  <body>
    <div id="myContent">
      <p>Alternative content</p>
    </div>
  </body>
</html>

 

ÉTAPE 3: affichage du SWF avec JavaScript

swfobject.embedSWF (swfUrl, id, largeur, hauteur, la version requise, expressInstallSwfurl, flashvars, params, les attributs, callbackFn)possède cinq paramètres obligatoires et cinq arguments facultatifs :

1. swfUrl (String, obligatoire) spécifie l’URL du votre fichier SWF
2. Id (String, obligatoire) spécifie l'id de l’élément div HTML (contenant votre contenu alternatif) que vous aimeriez remplacer par votre contenu Flash
3. largeur (String, obligatoire) spécifie la largeur de votre SWF
4. hauteur (String, obligatoire) spécifie la hauteur de votre SWF
5. Version (String, obligatoire) spécifie la version requise du lecteur Flash pour votre fichier SWF (le format est: “major.minor.release” ou “major”)
6. expressInstallSwfurl (String, optionnel) spécifie l’URL de votre fichier SWF “Express Install” et active Adobe Express Install. Notez que “Express Install” s’éxécute une seule fois (la première fois qu’il est appelé), qu’il est uniquement pris en charge par Flash Player 6.0.65 ou supérieur sur Windows ou Mac, et qu’il exige une taille minimale SWF de 310px par 137px.
7. flashvars (Object, optionnel) spécifie vos valeurs flashvars avec une association nom: valeur.
8. params (Object, optionnel) spécifie vos éléments params avec une association nom: valeur.
9. attributes (Object, optionnel) spécifie les attributs de votre objet avec une association nom: valeur.
10. callbackFn (fonction JavaScript, en option) est utilisé pour définir une fonction de rappel qui est appelée à la fois en cas de succès ou d’échec de l’intégration de votre fichier SWF (voir la documentation de l’API ).

REMARQUE : vous pouvez omettre les paramètres optionnels, tout en respectant l’ordre des paramètres. Si vous ne souhaitez pas utiliser un paramètre facultatif, mais utiliser le paramètre facultatif suivant, vous pouvez simplement passer la valeur false. Pour les flashvars, params et attributes des objets JavaScript, vous pouvez également passer un objet vide à la place: {}.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <title>SWFObject dynamic embed - step 3</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript" src="swfobject.js"></script>
 
    <script type="text/javascript">
    swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0");
    </script>
 
  </head>
  <body>
    <div id="myContent">
      <p>Alternative content</p>
    </div>
  </body>
</html>

Comment configurer votre contenu Flash?

Vous pouvez utiliser les attributes optionnels de l’élément object :

  • id (REMARQUE: lorsqu’il est indéfinis, l’élément objet hérite automatiquement de l'id de l’élément conteneur du contenu alternatif)
  • align
  • name
  • styleclass (regardez les notes à propos de class)
  • class

Remarque : class est un mot-clé réservé en ECMA4 et génèrera des erreurs avec Internet Explorer si elle est entourée par des guillemets (par exemple "class" ou 'class'). C’est pour cette raison que swfobject fournit le mot-clé styleClass comme alternative sûre pour class; si vous utilisez styleClass, swfobject l’insère automatiquement dans la valeur classe.

Exemple :

var attributes = {
   id: "myId",
   align: "left",
   styleclass: "myclass"
};

Si vous préférez utiliser la class au lieu de styleClass, mettez class mot entre guillemets comme ceci :

var attributes = {
   id: "myId",
   align: "left",
   "class": "myclass"
};

Vous pouvez utiliser les éléments optionnels param (plus d’informations):

Comment utiliser les Objets JavaScript afin de définir les valeurs de flashvars, params et attributes ?

Vous pouvez définir vos Objets JavaScript en utilisant la notation Object littérale, qui ressemble à :

<script type="text/javascript">
 
var flashvars = {};
var params = {};
var attributes = {};
 
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);
 
</script>

Vous pouvez ajouter vos associations nom: valeur dans la définition de l’objet (note: assurez-vous de ne pas mettre une virgule derrière le nom mais dernière la valeur à l’intérieur de l’objet).

<script type="text/javascript">
 
var flashvars = {
  name1: "hello",
  name2: "world",
  name3: "foobar"
};
var params = {
  menu: "false"
};
var attributes = {
  id: "myDynamicContent",
  name: "myDynamicContent"
};
 
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);
 
</script>

Ou ajouter des propriétés et des valeurs après sa création en utilisant une notation pointée :

<script type="text/javascript">
 
var flashvars = {};
flashvars.name1 = "hello";
flashvars.name2 = "world";
flashvars.name3 = "foobar";
 
var params = {};
params.menu = "false";
 
var attributes = {};
attributes.id = "myDynamicContent";
attributes.name = "myDynamicContent";
 
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);
 
</script>

Que vous pouvez aussi écrire (cette version est moins lisible pour les développeurs) :

<script type="text/javascript">
 
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", {name1:"hello",name2:"world",name3:"foobar"}, {menu:"false"}, {id:"myDynamicContent",name:"myDynamicContent"});
 
</script>

Si vous ne souhaitez pas utiliser un argument optionnel, vous pouvez le définir comme false ou comme un objet vide (NOTE: à partir SWFObject 2.1, vous pouvez aussi utiliser null ou 0):

<script type="text/javascript">
 
var flashvars = false;
var params = {};
var attributes = {
  id: "myDynamicContent",
  name: "myDynamicContent"
};
 
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);
 
</script>

L’objet flashvars est une notation abrégée qui est là pour simplifier son utilisation. Vous pouvez l’ignorer et renseigner flashvars via l’objet params :

<script type="text/javascript">
 
var flashvars = false;
var params = {
  menu: "false",
  flashvars: "name1=hello&name2=world&name3=foobar"
};
var attributes = {
  id: "myDynamicContent",
  name: "myDynamicContent"
};
 
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);
 
</script>

CONSEILS

Conseils pour la migration de SWFObject 1.5 vers SWFObject 2

1. SWFObject 2 est PAS rétrocompatibles avec SWFObject 1.5.
2. Il est conseillé d’ajouter tous vos blocs de scripts dans l’entête de votre page HTML. L’ajout vos scripts dans le corps de la page peut avoir impact visuel (par exemple : un clignotement lorsque le contenu alternatif est remplacé), parce votre code JavaScript sera exécuté ultérieurement (l’impact exact dépend votre implémentation).
3. La bibliothèque elle-même est maintenant écrite en minuscules : swfobject au lieu de SWFObject.
4. Les méthodes sont accessibles uniquement via la bibliothèque (plutôt que via une instance SWFObject dans SWFObject 1.5).
5. L’ API JavaScript est totalement différente et plus complexe.
6. SWFObject 2 remplace l’ensemble de votre contenu alternatif HTML, y compris l’élément div HTML, par le contenu Flash lorsque le JavaScript et le Flash sont disponibles, tandis que SWFObject 1.5 remplace seulement le contenu dans la div HTML référencé. Lorsque vous ne renseignez pas un attribut id, l’élément objet hérite automatiquement de l'id de l’élément div HTML de votre contenu alternatif.

Conseils pour la migration de UFO vers SWFObject 2

1. SWFObject 2 remplace l’ensemble de votre bloc de contenu HTML, y compris l’élément div HTML référencés, par le contenu Flash lorsque le JavaScript et le Flash sont disponibles, tandis que UFO ne remplace que le contenu dans la div HTML référencé. Lorsque vous ne spécifiez pas un attribut id, l’élément objet hérite automatiquement l'id de l’élément div HTML de votre contenu alternatif.
2. La fonctionnalité setcontainercss d’UFO n’a pas été incorporé dans SWFObject 2, mais il peut facilement être reproduit en utilisant l’API JavaScript SWFObject , regardez : swfobject.createCSS (selStr, declStr).

Est ce que SWFObject 2 supporte le type MIME application/xhtml+xml ?

SWFObject 2 ne soutient PAS   le type MIME XML, qui est un pattern de conception.

Il y a plusieurs raisons pourquoi nous ne sont pas soutenons pas cela :

  • Seul un très petit nombre (non significatif) des développeurs Web l’utilise.
  • Nous sommes incertain de la direction de ce type. Internet Explorer ne le supporte pas et tous les autres navigateurs utilisent une nouvelle façon standard de parser l’HTML (avec HTML 5), qui s’éloigne de la vision actuelle du W3C pour parser du HTML comme du XML

 

  • Nous économiser une taille considérable sur le fichier et notre travail (test, résoudre les bugs) en ne le soutenant pas.

Tutoriels (niveau débutant)

Commentaires

Si vous avez toute questions / commentaires sur SWFObject ou sa documentation, ou des problèmes d’implémentation :

  1. Assurez-vous d’avoir lu la FAQ
  2. Utilisez le groupe de discussion SWFObject

Si vous trouvez des bugs ou si vous voulez demander une amélioration future, vous pouvez remplir un rapport sur la page SWFObject questions

Afficher du flash dans une page HTML avec SWFObject

9 questions

Ecrit le 13 septembre par Matthieu
Publié dans le(s) sujet(s) Adobe Flash |Cours AS3

Il y a une étape de base très importante lors de la création d’une application : l’affichage du flash dans une page web.

Au premier abord, cela a plutôt l’air compliqué. Lors de mes débuts dans la programmation flash, il y avait tellement d’options différentes que j’utilisais les valeurs par défaut avec Adobe Flash.

Heureusement, un groupe de développeurs talentueux a développé du javascript pour nous simplifier énormément l’intégration du flash dans une page web 😉

Voici ce que je vais vous apprendre :

  • Comment ajouter du contenu flash dans une page html.
  • Comment utiliser la puissance du script swfobject avec le flash.
  • Toutes les possibilités offertes par l’API swfobject.
  • Comment proposer à vos internautes la mise à jour automatique de leur player flash par un simple clique !
  • Comment rendre votre balise flash <object> conforme XHTML.
  • Une solution en ligne pour générer rapidement et facilement le code html nécessaire à l’affichage de votre application flash par un simple copier-coller 😉

 

  • Comment détecter la version du player flash de votre visiteur et lui proposer une mise à jour automatique afin qu’il puisse profiter de l’ensemble des fonctionnalités de votre application flash.

 

  • La technique pour utiliser automatiquement et sans mise à jour; une version toujours optimum de swfobject.
  • Comment afficher un contenu alternatif à vos internautes qui n’ont pas le player flash installé.

A la fin de ce cours ActionScript, l’utilisation de swfobject pour afficher du contenu flash n’aura plus de secret pour vous !

SWFOBJECT

Télécharger le code source du cours AS3

Vous trouverez un exemple de code source utilisant les 2 techniques pour afficher du flash dans une page web.

Télécharger “swfobject” ex-swfobject.zip – Téléchargé 969 fois – 52 KB

Téléchargez la dernière version de swfobject 2 avec les exemples d’utilisation.

Consultez l’API JavaScript pour connaître les possibilités de swfobject.

Récupérez votre code javascript directement avec le générateur en ligne swfobject.

Profitez automatiquement de la dernière version de swfobject avec le projet Google AJAX Libraries API.

Consultez la Documentation complète de SWFObject.

Et vous, utilisez-vous swfobject pour afficher votre contenu flash ?

Ou préférez-vous le fichier html généré automatiquement par Adobe Flash ?

Partagez vos motivations par rapport à votre solution utilisée.

Formation ActionScript Flash gratuite

Commentaires fermés sur Formation ActionScript Flash gratuite

Ecrit le 24 mai par Matthieu
Publié dans le(s) sujet(s) ActionScript 3 |Adobe Flash

Logo AS3 Formation avec la M2thode AS3 Facile

Pendant les prochains jours, bénéficiez d’une formation actionscript gratuite en vidéos sur www.formation-actionscript.com

Vous pouvez même poser vos questions techniques directement au formateur.

Programme AS3 Formation

Téléchargez le code source du Player AS3 Formation, développé avec le Framework Pixlib 3.0

Pendant une semaine, plusieurs vidéos gratuites dédiées à la programmation actionscript sont disponibles.

Venez les consulter sur www.formation-actionscript.com.

Chronique du Livre Pratique ActionScript 3

2 questions

Ecrit le 21 avril par Matthieu
Publié dans le(s) sujet(s) Livres

 

Phrase résumé du livre : l’arrivée d’ActionScript 3 avec Flash 9 apporte des nouveautés et des performances extrêmement intéressantes. Avec une complémentarité des spécialisations Graphistes / Programmeurs, les applications Flash deviennent de plus en plus attractives et intuitives. Flash 10 enfonce le clou avec la gestion 3D, c’est l’avènement des jeuxvidéos et des applications où (presque) tout devient possible avec de l’imagination!

De Thibault Imbert 1096 pages (édition pdf), 1080 pages (édition livre broché).

Chronique du livre

Le livre Pratique d’ActionScript 3 a été une véritable surprise pour moi.

J’ai littéralement dévoré ce livre. Il possède une quantité impressionnante de ressources et d’informations sur flash. Et plus particulièrement axé sur l’ActionScript 3.

A travers une vingtaine de chapitres (25 pour être exact), l’Auteur Thibault Imbert, nous dévoile toutes les bases de la programmation AS3 et bien plus !

Les premiers chapitres abordent le système évènementiel propre à l’AS3. Pour ensuite découvrir la création et l’utilisation des différents types de symboles dans une bibliothèque. L’auteur nous explique également, d’une façon très explicite la programmation orienté objet en AS3.

Bien évidemment, il y a des chapitres extrêmement détaillés, accompagnés d’exemples, pour maîtriser l’audio et la vidéo dans flash. Vous apprendez tous les rudiments du charhement dynamiques de MP3 et vidéo MP4 (et autres formats).

L’ensemble des chapitres est accompagné de plusieurs exemples avec les fichiers .as. C’est à dire que tout au long de la lecture de ce livre, vous concevez, avec l’aide de l’Auteur, tout un panel de classes utilitaires dans les différents domaines d’intervention de Flash ActionScript 3. Ces classes sont super intéressantes et peuvent être réutilisées dans vos projets ActionScript Flash en AS3.

L’Auteur aborde également des concepts beaucoup plus poussés comme XML avec un chapitre complet qui lui est entièrement dédié.

Et ce n’est pas tout : Pratique d’ActionScript 3 vous explique le principe du flash remoting avec des exemples précis et les ressources à télécharger.

De plus, il y a plusieurs chapitres consacrés à la création d’effets graphiques avec Pixel Blender puis la gestion de la 3D.

Et une partie qui vous intéressera surement pour optimiser et rendre vos applications flash souples et réutilisables. Il y a plusieurs chapitres complets consacrées à la création de bibliothèques partagées : les graphismes, les animations, les polices de caractères…

Pour ceux souhaitant pousser encore plus loin leurs connaissances ActionScript, l’Auteur aborde des concepts beaucoup plus complexes. Comme l’utilisation du ByteArray, les connexions par Sockets et la création de fichiers pdf avec l’AS3.

Et pour terminer en beauté, l’Auteur introduit Flex et la création d’application AIR.

Conclusion – Avis

Après cette lecture très intéressante et surtout la mise en pratique des exemples, je suis entièrement satisfait. Ce livre fait partie des must have à posséder pour tout développeur ActionScript qui se respecte.

Je conseille sincèrement ce livre à tous les développeurs, aussi bien les débutants que les confirmés. Il y a tellement à découvrir et apprendre dans “Pratique d’ActionScript 3”, que sa lecture peut vous mener loin en architecture et maitrise de la programmation ActionScript 3 dans flash.

Avec ce livre, Thibault Imbert nous prouve une fois de plus son savoir faire, autant technique que pédagogique.

Acquérir le Livre Pratique d’ActionScript 3

Achetez l’Édition Brochée du Livre Pratique d’ActionScript 3

Et vous, qu’avez-vous pensé du contenu de ce livre ?

Avez-vous également amélioré vos compétences ActionScript ?

Conseillerez-vous d’autres livres ActionScript aux lecteurs d’AS3 Facile ?

Partagez tout cela via les commentaires ci-dessous.

Comment utiliser un fichier SWC avec Adobe Flash CS5 ?

Commentaires fermés sur Comment utiliser un fichier SWC avec Adobe Flash CS5 ?

Ecrit le 14 avril par Matthieu
Publié dans le(s) sujet(s) Adobe Flash |Framework AS3 Facile

Dans ce cours vidéo, nous allons apprendre à utiliser les fichiers SWC avec Adobe Flash CS5.

Puis la façon d’utiliser les composants du Framework AS3 Facile dans vos applications flash. Et également, comment utiliser Adobe Flash CS5 comme éditeur ActionScript.

Téléchargez le code source complet de l’exemple

Télécharger “Fichier SWC Adobe Flash CS5” ex-fichier-swc-fla-AS3Facile.zip – Téléchargé 263 fois – 98 KB

Utilisez-vous toujours Adobe Flash pour développer des applications flash ?

Ou peut être un éditeur ActionScript spécifique comme FDT PowerFlasher ?

Postez votre logiciel ActionScript préféré dans les commentaires ci-dessous.


suscipit quis risus eget ante. elementum Curabitur diam