Connexion | Inscription | FAQ
Anonymous

Intégration flash dans HTML ?

+ Publier une réponse

4 messages Page 1 sur 1


Intégration flash dans HTML ?

par savanah » Dim Fév 20, 2011 3:37 pm

Bonjour à tous

Voila, étant une sombre quiche en HTML, je me pose la question : comment intégrer une anim flash dans du HTML ?
En sachant que j'ai déjà du mal à m'y retrouver avec les bases (bon, d'accord, ça fait que 3 jours que je suis dessus !)
Le problème étant celui-ci : je suis graphiste à la base et je bosse dans la 3D et l'animation, je viens de me mettre en free-lance et j'ai GRAVE BESOIN DE FAIRE MON SITE ULTRA URGEMENT !! D'ou mon intérêt soudain pour le HTML et le CSS car je veux faire un site en fonction de mon book (du moins dans le même esprit) et je ne veux pas le faire faire par quelqu'un d'autre car j'ai une idée assez arrêtée sur ce que je veux. Je précise également que la plupart des pages vont être des templates faits sous Photoshop CS5 (graphisme oblige !!)

En tous les cas, merci d'avance pour votre aide et vos réponses !!
Avatar de l’utilisateur

savanah

  • Messages: 1
  • Inscrit le: Dim Fév 20, 2011 3:26 pm

Re: Intégration flash dans HTML ?

par HTML.net » Mar Fév 22, 2011 9:09 pm

Bonjour,

Vous devez exporter votre flash en format swf. Ensuite, il peut être facilement inclure dans HTML:

<object width="800" height="600">
<param name="flash" value="myflash.swf">
<embed src="myflash.swf" width="800" height="600">
</embed>
</object>

- Andreas, HTML.net
Avatar de l’utilisateur

HTML.net
Site Admin

  • Messages: 1194
  • Inscrit le: Sam Sep 11, 2010 11:24 am
--
Show some love for HTML.net on Twitter, Facebook and Google: Use the buttons on top of all pages.

Bonjour, peut_être trop tard...

par Yvanoph » Sam Avr 30, 2011 2:53 pm

quoiqu'il ne soit JAMAIS trop tard pour bien faire ?

Intégrer du Flash dans l'html ne pose AUCUN problème, sous réserve de le faire proprement ?
Pour cela, deux choix, dans la Page elle même, ou une Frame dans votre Page, ce qui vous permettra de "faire passer quelque chose devant", ce qui est totalement impossible si directement dans la Page elle même, ce ci MÊME si le paramètre "transparent" est activé car le Flash PASSERA TOUJOURS DEVANT TOUT...

Dans une Page html, ne JAMAIS écrire </embed>, c'est INTERDIT car ça n'EXISTE PAS, le W3C n'a JAMAIS autorisé la fermeture de cette Balise, ce qui est au demeurant LOGIQUE PUISQUE c'est le Flash qui, "ayant la main", s'arrêtera OU tournera en boucle et donc décidera de fermer son application ou non ! ! !

Dans une Page html, ne PLUS utiliser la Balise <embed>, elle est dépréciée, donc le W3C etc. !

Inclure une Balise dans une Balise est ENCORE une erreur inadmissible non appréciée par le W3C etc. !

En résumé, SEULE la Balise <object> qui DOIT se fermer par </object> peut être utilisée pour lancer un Flash, comme tout "object" tel qu'image etc.

Pour lancer un Flash, il faut donner à la Balise <object> des attributs pour lui indiquer que l'objet en question est un Flash, accessoirement des paramètres quant à l'affichage de l'objet, tels hauteur x largeur, se répéter ou non (en boucle si ce n'est pas DÉJÀ défini dans le swf généré par le fla du Flash), la possibilité du Plein écran ou fenêtre, s'il va être utilisé comme Menu ou non etc. ?

Alors pour exemple, la formule la PLUS SIMPLE :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Mon titre de Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso 8859-1"/>
<meta http-equiv="content-language" content="fr" />
<script type="text/javascript" src="./swfobject/swfobject.js"></script>
// Adapter les chemins et noms de Répertoire du Fichier swfobject.js
</head>
<body>
<div id="container">
<div id="center">
<div id="preview_div"></div>
<script type="text/javascript">
<!--
var flashvars = {
//xmlUrl: par défaut "./xml/data.xml"
// Adapter les chemins et noms de Répertoire/Fichier
};
var params = {
scale: "noscale",
menu: "false",
bgcolor: "#000000"
};
var attributes = {
id: "monfichier_swf",
name: "monfichier_swf"
};
swfobject.embedSWF("monfichier.swf", "preview_div", "largeur", "hauteur","N° de Version du Flash",
"swfobject/expressInstall.swf", flashvars, params, attributes);
//-->
</script>
</div>
</div>
</body>
</html>

Pièces jointes

  1. swfobject-expressInstall.rar (4.65 Kio) Téléchargé 2035 fois

Avatar de l’utilisateur

Yvanoph

  • Messages: 6
  • Inscrit le: Sam Avr 30, 2011 2:25 pm
  • Localisation: LESCHERAINES (Savoie) BIZERTE (Tunisie)

Deuxième Version, plus complète...

par Yvanoph » Sam Avr 30, 2011 3:07 pm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<title>Nom/Titre de ma Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<meta http-equiv="Content-Language" content="fr"/>
<meta http-equiv="expires" content="0"/>
<link rel="stylesheet" type="text/css" href="css/global.css"/>
<script type="text/javascript" src="swfobject/swfobject.js"></script>
</head>
<body>
<object type="application/x-shockwave-flash" data="./monfichier.swf" width="en pixels" height="en pixels">
<param name="allowScriptAccess" value="always"/>
// autre choix never
<param name="allowfullscreen" value="false"/>
// autre choix true s'il y a un bouton de plein écran dans le Flash ?
<param name="movie" value="./monfichier.swf"/>
<param name="play" value="true"/>
// autre choix false s'il y a un Bouton dans de démarrage dans le Flash
<param name="menu" value="false"/>
// autre choix true si le Flash intègre un Menu (Pas pareil qu'un Slide, ok ?)
<param name="loop" value="false"/>
// autre choix true si le Flash ne tourne pas de lui même en boucle
<param name="quality" value="high"/>
// autre choix low ou medium, selon les besoins, en Fond de Page low est largement suffisant
<param name="bgcolor" value="CCCCCC"/>
<param name="flashvars" value=""/>
// introduire le xml et son chemin en cas de ressources externalisées
<param name="wmode" value="Opaque"/>
// autre choix Tranparent si autre chose doit lui "passer devant"
// ainsi que d'autres paramètres, mais bon, les principaux sont déjà là !
</object>
// INCLURE une <noscript> pour prévenir le Visiteur que la Page ne peut s'afficher faute du "plugin" nécessaire... (Vivement l'HTML5, ce genre de détail deviendra inutile !)
<noscript>
<p> Cette Page nécessite le Plug In Flash player, veuillez soit mettre à jour votre Navigateur, soit cliquer sur son Bouton de recul, Merci ! </p>
<a href="http://www.macromedia.com/go/getflash/">Obtenir Flash</a>
</noscript>
</body>
</html>

Bref, les deux codes ci dessus donné sont PARFAITEMENT CONFORMES aux Normes W3C et vous donneront un BON référencement si tout le reste du Site l'est, sinon direction la poubelle avec "Panda"...

Cordialement, Yvanoph---
Avatar de l’utilisateur

Yvanoph

  • Messages: 6
  • Inscrit le: Sam Avr 30, 2011 2:25 pm
  • Localisation: LESCHERAINES (Savoie) BIZERTE (Tunisie)


+ Publier une réponse

Page 1 sur 1