Outils du site


tutoriels:iep_dans_html

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
tutoriels:iep_dans_html [31/12/2010 11:33] lzamotutoriels: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   |}} {{   :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''. Dans l'éditeur de textes, modifions ''mon_lecteur.html'' afin qu'il indique à instrumenpoche qu'il doit charger ''mon_animation.xml''.
Ligne 101: Ligne 102:
  
 <code XML><param name="..." value="..." /></code> <code XML><param name="..." value="..." /></code>
-le code suivant (peut importe dans quel ordre les ''<param .../>'' sont indiqués) : +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> <code XML>flashvars="anim=mon_animation.xml"</code>
 +ce qui va donner le code :
 +<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_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>
tutoriels/iep_dans_html.1293791621.txt.gz · Dernière modification : 31/12/2010 11:33 de lzamo