Différences

Ci-dessous, les différences entre deux révisions de la page.

--- tutoriels:iep_dans_html [31/12/2010 11:35] – lzamo
+++ tutoriels:iep_dans_html [23/05/2016 10:02] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 93: / Ligne 93: @@
 {{   :tutoriels:iep_dans_html:arborescence_lecteur.png   |}}
+==== Charger une animation ====
 Dans l'éditeur de textes, modifions ''mon_lecteur.html'' afin qu'il indique à instrumenpoche qu'il doit charger ''mon_animation.xml''.
@@ Ligne 102: / Ligne 103: @@
 <code XML><param name="..." value="..." /></code>
 le code suivant (peu importe dans quel ordre les ''<param ... />'' sont indiqués) :
-<code XML><param name="flahvars" value="anim=mon_animation.xml" /></code>
+<code XML><param name="flashvars" value="anim=mon_animation.xml" /></code>
 et, dans la partie ''<embed ... />'' :
 <code XML>flashvars="anim=mon_animation.xml"</code>
@@ Ligne 114: / Ligne 115: @@
 <param name="movie" value="iep.swf" />
 <param name="quality" value="high" />
-<param name="flahvars" value="anim=mon_animation.xml" />
+<param name="flashvars" value="anim=mon_animation.xml" />
 <param name="bgcolor" value="#ffffff" />
 <embed src="iep.swf"  quality="high" bgcolor="#ffffff"
    width="800" height="600" name="iep" align="middle" flashvars="anim=mon_animation.xml"
+   wmode="window" allowScriptAccess="always" allowFullScreen="true"
+   type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_fr" />
+</object>
+</code>
+Si on enregistre le fichier obtenu et qu'on l'ouvre avec un navigateur, on constate qu'instrumenpoche s'ouvre en ayant chargé l'animation voulue.
+Si on veut créer une nouvelle page HTML (nommée ''ma_deuxieme_page.html'') ouvrant une autre animation (''autre_animation.xml''), il suffit :
+   - d'enregistrer le fichier ''mon_lecteur.html'' sous le nom ''ma_deuxieme_page.html'' en utilisant la fonction "enregistrer sous..." de l'éditeur de textes, toujours dans le même dossier ''instrumenpoche'' ;
+   - de modifier ''ma_deuxieme_page.html'' en remplaçant, aux deux endroits où il apparaît, le texte ''mon_animation.xml'', par ''autre_animation.xml'', et d'enregistrer ;
+   - d'enregistrer l'animation ''autre_animation.xml'' dans le dossier ''instrumenpoche''.
+On peut créer ainsi une page HTML par animation.
+==== Instrumenpoche en mode lecture ====
+Le paramètre ''flashvars'' indiqué plus haut permet de passer des paramètres à instrumenpoche, sous la forme ''"nom_du_parametre=valeur"''. Pour indiquer plusieurs paramètres, il faut les séparer par le caractère & : ''"parametre1=valeur1&paramatre2=valeur2"''.
+On a vu précédemment comment indiquer à instrumenpoche l'emplacement d'un fichier XML contenant une animation avec un paramètre nommé ''anim''. On peut également lui indiquer des paramètres de configuration, sous le nom ''config''. Une valeur prédéfinie ''config_lecture'' permet de placer instrumenpoche en mode lecture avec tous les boutons utiles.
+Si on veut qu'instrumenpoche affiche une animation ''mon_animation.xml'' en mode lecture, il faut donc régler ''flashvars'' avec ''"anim=mon_animation.xml&config=config_lecture"''.
+Le code complet à insérer entre les balises ''<body>'' et ''</body>'' de la page HTML est donc :
+<code XML>
+<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
+codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
+width="800" height="600" id="iep" align="middle">
+<param name="allowScriptAccess" value="always" />
+<param name="allowFullScreen" value="true" />
+<param name="movie" value="iep.swf" />
+<param name="quality" value="high" />
+<param name="flashvars" value="anim=mon_anim.xml&config=config_lecture" />
+<param name="bgcolor" value="#ffffff" />
+<embed src="iep.swf"  quality="high" bgcolor="#ffffff"
+   width="800" height="600" name="iep" align="middle" flashvars="anim=mon_animation.xml&config=config_lecture"
    wmode="window" allowScriptAccess="always" allowFullScreen="true"
    type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_fr" />
 </object>
 </code>