Fin programmée du flash

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Fin programmée du flash

Message par Xena2 Dim 4 Fév 2018 - 13:53

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : non publication des animations flash
Lien du forum : http://www.e-anim-forum.com/

Description du problème

Bonjour
Nous avons dans la fenêtre de rédaction des messages une icone flash, qui ouvre une fenêtre à renseigner. Mais le flash est en fin de vie, remplacé progressivement par le html5.
A ce titre, serait-il possible d'avoir également une icone html5 à renseigner avec une fenêtre ouvrante, dans laquelle on renseignerait le lien et les dimensions. La publication se ferait avec les balises "embed", assorties de la mention "wmode="transparent".
Xena2

Xena2
**

Féminin
Messages : 52
Inscrit(e) le : 20/11/2014

http://wvanim-forum.forumactif.com/
Xena2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fin programmée du flash

Message par Neptunia Dim 4 Fév 2018 - 14:10

Bonjour ^^

Xena2 a écrit:A ce titre, serait-il possible d'avoir également une icone html5 à renseigner avec une fenêtre ouvrante, dans laquelle on renseignerait le lien et les dimensions. La publication se ferait avec les balises "embed", assorties de la mention "wmode="transparent".

Cette icône existe déjà. Elle s'appelle Flash.

Si je mets par exemple :
Code:
[flash(980,480)]http://www.tuto-eanim.fr/Le_forum/dl_eanim_acces_006_5.swf[/flash]

le code généré à l'affichage sera le suivant :
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.tuto-eanim.fr/Le_forum/dl_eanim_acces_006_5.swf" type="application/x-shockwave-flash" wmode="transparent" quality="high" scale="exactfit" width="980" height="480">

Ce n'est pas la balise Flash qui est en voie d'éradication, mais le contenu Flash. Autrement dit les fichiers .swf. Qui sont déjà incompatibles avec les appareils mobiles.
Je ne sais pas comment le logiciel e-anim compte évoluer mais il faudra vraisemblablement passer par la balise HTML5 <video> pour ce qui sera animé et <audio> s'il s'agit d'une image unique avec sa piste sonore.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fin programmée du flash

Message par Xena2 Dim 4 Fév 2018 - 14:13

Bonjour Neptunia
ça ne répond pas du tout à ma question ....
Je sais bien qu'on a la balise flash, mais on ne peut pas publier une animation en html5 avec ces balises, c'est évident.
Les animations en html5 ne peuvent être publiées qu'avec des balises "embed"
Xena2

Xena2
**

Féminin
Messages : 52
Inscrit(e) le : 20/11/2014

http://wvanim-forum.forumactif.com/
Xena2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fin programmée du flash

Message par Neptunia Dim 4 Fév 2018 - 14:15

Et bien une animation en HTML5 ça ne s'appelle plus une animation mais une vidéo.

Pouvez-vous me fournir le lien direct de ce que vous appelez une animation ?
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fin programmée du flash

Message par Xena2 Dim 4 Fév 2018 - 14:17

Xena2 a écrit:Bonjour Neptunia
ça ne répond pas du tout à ma question ....
Je sais bien qu'on a la balise flash, mais on ne peut pas publier une animation en html5 avec ces balises, c'est évident.
On voit très bien dans ton code qu'il s'agit d'un swf et qui comporte la mention type="application/x-shockwave-flash
Les animations en html5 ne peuvent être publiées qu'avec des balises "embed"
Ce que tu as vu sur le forum n'est pas en hml5, mais en flash.
Xena2

Xena2
**

Féminin
Messages : 52
Inscrit(e) le : 20/11/2014

http://wvanim-forum.forumactif.com/
Xena2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fin programmée du flash

Message par Xena2 Dim 4 Fév 2018 - 14:17

Je te précise qu'une animation en html5 n'a rien à voir avec une video
Xena2

Xena2
**

Féminin
Messages : 52
Inscrit(e) le : 20/11/2014

http://wvanim-forum.forumactif.com/
Xena2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fin programmée du flash

Message par Neptunia Dim 4 Fév 2018 - 14:21

Xena2 a écrit:Ce que tu as vu sur le forum n'est pas en hml5, mais en flash.

C'est précisément pour cela que je vous demande un lien d'animation HTML5.

Si l'extension est .webm, .mp4, .mkv, .avi, .ogv etc etc (liste non exhaustive) ça passera. Mais si c'est du .swf c'est perdu d'avance puisqu'on utilise déjà la balise embed pour les afficher.

<embed> ce n'est pas du HTML5 mais une balise permettant de gérer les contenus nécessitant la présence d'un plugin.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fin programmée du flash

Message par Xena2 Dim 4 Fév 2018 - 14:30

Je te précise qu'une animation en html5 n'a rien à voir avec une video
Voilà le lien direct d'une animation interactive :
Voir
tu peux remarquer que le lien se termine par "html", ce qui me parait logique ....
Xena2

Xena2
**

Féminin
Messages : 52
Inscrit(e) le : 20/11/2014

http://wvanim-forum.forumactif.com/
Xena2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fin programmée du flash

Message par Neptunia Dim 4 Fév 2018 - 14:43

Et ce que vous appelez lien direct a ce code :

Code:
<div id="ex_diaporama_glissement_html5" style="margin-left: auto; margin-right: auto; width:604.0px; height:688.0px; visibility:visible;  position : relative;  overflow : hidden;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5root 001*/this.wvBuildRoot(1,40);
 }; div_.wvDivOpen(); /*open*/</script>
 <audio id="audio_ph_"></audio><audio id="audio_ph_0_"> </audio><audio id="audio_ph_1_"> </audio><audio id="audio_ph_2_"> </audio><audio id="audio_ph_3_"> </audio><audio id="audio_ph_4_"> </audio><audio id="audio_ph_5_"> </audio><audio id="audio_ph_6_"> </audio><audio id="audio_ph_7_"> </audio><audio id="audio_ph_8_"> </audio><audio id="audio_ph_9_"> </audio>
 <div id="p_diaporama_glissement_html5" style="left: 0px; top: 0px; width: 584px; height: 668px; z-index: 1; visibility: visible; position: absolute; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.5) 10px 10px 10px; box-sizing: border-box; border-width: 7px; border-color: rgba(255, 255, 255, 0.7) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) rgba(255, 255, 255, 0.7); border-style: solid; background: rgba(0, 0, 0, 0) linear-gradient(179deg, rgb(102, 153, 216), rgb(210, 235, 248)) repeat scroll 0% 0%; transform-origin: 0px 0px 0px;">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5group 001*/this.wvBuildGroup(1001);
 }; div_.wvDivOpen(); /*open*/</script>
 <div id="groupe" style="left: 19px; top: 38px; width: 533px; height: 529px; z-index: 2; visibility: visible; position: absolute; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 5px; border-radius: 20px; background-image: url(&quot;fond.jpg&quot;), linear-gradient(0deg, rgb(64, 64, 64), rgb(192, 192, 192)); background-repeat: repeat; transform-origin: 0px 0px 0px;">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5group 001*/this.wvBuildGroup(1);
 }; div_.wvDivOpen(); /*open*/</script>
 <div id="gr" style="left:101.0px; top:267.0px;  z-index:3; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5group 001*/this.wvBuildGroup(1);
 }; div_.wvDivOpen(); /*open*/</script>
 <div id="chiffre0" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:19; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre0" src="bouthan0.png">
 </div>
 <div id="chiffre1" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:18; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre1" src="bouthan1.png">
 </div>
 <div id="chiffre2" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:17; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre2" src="bouthan2.png">
 </div>
 <div id="chiffre3" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:16; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre3" src="bouthan3.png">
 </div>
 <div id="chiffre4" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:15; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre4" src="bouthan4.png">
 </div>
 <div id="chiffre5" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:14; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre5" src="bouthan5.png">
 </div>
 <div id="chiffre6" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:13; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre6" src="bouthan6.png">
 </div>
 <div id="chiffre7" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:12; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre7" src="bouthan7.png">
 </div>
 <div id="chiffre8" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:11; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre8" src="bouthan8.png">
 </div>
 <div id="chiffre9" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:10; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre9" src="bouthan9.png">
 </div>
 <div id="chiffre10" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:9; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre10" src="bouthan10.png">
 </div>
 <div id="chiffre11" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:8; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre11" src="bouthan11.png">
 </div>
 <div id="chiffre12" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:7; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre12" src="bouthan12.png">
 </div>
 <div id="chiffre13" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:6; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre13" src="bouthan13.png">
 </div>
 <div id="chiffre14" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:5; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre14" src="bouthan14.png">
 </div>
 <div id="chiffre15" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:4; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre15" src="bouthan15.png">
 </div>
 <div id="chiffre16" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:3; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre16" src="bouthan16.png">
 </div>
 <div id="chiffre17" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:2; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre17" src="bouthan17.png">
 </div>
 <div id="chiffre18" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:1; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre18" src="bouthan18.png">
 </div>
 <div id="chiffre19" style="left:0.0px; top:0.0px; width:324.0px; height:250.0px;  z-index:0; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>

 <img id="chiffre19" src="bouthan19.png">
 </div>
 </div>
 <div id="action_imm" style="left:87.0px; top:6.0px;  z-index:2; visibility:visible;  position : absolute;  overflow : visible;  width:40px; height:41px;  ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 005*/this.wvBuildFace();
 this.wvEventFrame=WvTree.wvEventFrame;
 this.onWvFrame=[];
 this.onWvFrame[1]=function(){
 var _gr_=this._group; if(_gr_.wvVars==null) _gr_.wvVars=[]; var _v_=_gr_.wvVars;
 
 
 _gr_.num=0;
 
 };
 new WvAction(this.onWvFrame[1], this, 0);
 }; div_.wvDivOpen(); /*open*/</script>
 </div>
 <div id="action" style="left:0.0px; top:0.0px;  z-index:1; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5group 001*/this.wvBuildGroup(4);
 }; div_.wvDivOpen(); /*open*/</script>
 <div id="_stop__phi_" style=" visibility : visible; position : absolute; left:0px; top:0px; width:1px; height:1px; z-index:0; position : absolute;">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 001*/this.wvBuildFace();
 this.onWvFrame=[];
 this.onWvFrame[0]=function(){this._group.stop();};
 this.wvTracks=[];
 this.wvTracks[4]=[0,null,null,null];
 this.wvUt=this.onWvFrame[0]; this.wvUt();
 this.wvAnimInit();
 }; div_.wvDivOpen(); /*open*/</script>
 </div>
 <div id="sans_nom96" style="left:9.0px; top:129.0px;  z-index:1; visibility:visible;  position : absolute;  overflow : visible;  width:35px; height:26px;  ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 005*/this.wvBuildFace();
 this.wvEventFrame=WvTree.wvEventFrame;
 this.onWvFrame=[];
 this.onWvFrame[1]=function(){
 var _gr_=this._group; if(_gr_.wvVars==null) _gr_.wvVars=[]; var _v_=_gr_.wvVars;
 
 _v_.tab=[
 [00,19,18,17,16,15,14,13,12,11,10,09,08,07,06,05,04,03,02,01],
 [01,00,19,18,17,16,15,14,13,12,11,10,09,08,07,06,05,04,03,02],
 [02,01,00,19,18,17,16,15,14,13,12,11,10,09,08,07,06,05,04,03],
 [03,02,01,00,19,18,17,16,15,14,13,12,11,10,09,08,07,06,05,04],
 [04,03,02,01,00,19,18,17,16,15,14,13,12,11,10,09,08,07,06,05],
 [05,04,03,02,01,00,19,18,17,16,15,14,13,12,11,10,09,08,07,06],
 [06,05,04,03,02,01,00,19,18,17,16,15,14,13,12,11,10,09,08,07],
 [07,06,05,04,03,02,01,00,19,18,17,16,15,14,13,12,11,10,09,08],
 [08,07,06,05,04,03,02,01,00,19,18,17,16,15,14,13,12,11,10,09],
 [09,08,07,06,05,04,03,02,01,00,19,18,17,16,15,14,13,12,11,10],
 [10,09,08,07,06,05,04,03,02,01,00,19,18,17,16,15,14,13,12,11],
 [11,10,09,08,07,06,05,04,03,02,01,00,19,18,17,16,15,14,13,12],
 [12,11,10,09,08,07,06,05,04,03,02,01,00,19,18,17,16,15,14,13],
 [13,12,11,10,09,08,07,06,05,04,03,02,01,00,19,18,17,16,15,14],
 [14,13,12,11,10,09,08,07,06,05,04,03,02,01,00,19,18,17,16,15],
 [15,14,13,12,11,10,09,08,07,06,05,04,03,02,01,00,19,18,17,16],
 [16,15,14,13,12,11,10,09,08,07,06,05,04,03,02,01,00,19,18,17],
 [17,16,15,14,13,12,11,10,09,08,07,06,05,04,03,02,01,00,19,18],
 [18,17,16,15,14,13,12,11,10,09,08,07,06,05,04,03,02,01,00,19],
 [19,18,17,16,15,14,13,12,11,10,09,08,07,06,05,04,03,02,01,00]
 ];
 _v_.vitesse_retour= 10 ;
 
 
 var walker_ph = new WvWalker();
 walker_ph.setWalker(_gr_._parent.gr["chiffre"+_gr_._parent.num]);
 walker_ph.setDestination(_gr_._parent.num*0, 0);
 walker_ph.setNbSteps(_v_.vitesse_retour);
 walker_ph.setSpriteAction(null);
 walker_ph.startWalk();
 ;
 
 for ( _v_.i=0; _v_.i <=50; _v_.i++) {
     if(_gr_._parent.gr["chiffre"+_v_.i]==null) break;  
   _gr_._parent.gr["chiffre"+_v_.i].style.zIndex=_v_.tab[_gr_._parent.num][_v_.i];
    _v_.nbr=_v_.i;
 }
 
 if ( _gr_._parent.num<_v_.nbr){
 _gr_._parent.num++;
 }else{
 _gr_._parent.num=0;
 }
 
 _gr_._parent._parent.info.text=_gr_._parent.num+" / "+_v_.nbr;
 
 
 
 
 
 };
 this.wvTracks=[];
 this.wvTracks[4]=[null,1,null,null];
 this.wvAnimInit();
 }; div_.wvDivOpen(); /*open*/</script>
 </div>
 </div>
 </div>
 <div id="act_perm" style="left:295.0px; top:406.0px;  z-index:6; visibility:visible;  position : absolute;  overflow : visible;  width:41px; height:29px;  ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 005*/this.wvBuildFace();
 this.wvEventFrame=WvTree.wvEventFrame;
 this.onWvFrame=[];
 this.onWvFrame[1]=function(){
 var actionLoop = function(thisDiv){
 var _gr_=thisDiv._group; if(_gr_.wvVars==null) _gr_.wvVars=[]; var _v_=_gr_.wvVars;
 
 _v_.duree= 100 ;
 
 _v_.tps=
 _gr_.getNumFrame();
 ;
 
 if ( _v_.tps>_v_.duree ){
 
 _gr_.wvGroupGotoFrame( 0 );
 _gr_.play();
 
 ;
 }
 
 _v_.p=(100*_v_.tps)/_v_.duree;
 
 
 _gr_.temoin.curseur._xscale = _v_.p/100
 ;
 
 }
 this.wvActionLoop = setInterval( actionLoop, 40, this);
 };
 this.wvEventFrame(1);
 }; div_.wvDivOpen(); /*open*/</script>
 </div>
 <div id="_stop__phi_" style=" visibility : visible; position : absolute; left:0px; top:0px; width:1px; height:1px; z-index:0; position : absolute;">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 001*/this.wvBuildFace();
 this.onWvFrame=[];
 this.onWvFrame[0]=function(){this._group.stop();};
 this.wvTracks=[];
 this.wvTracks[4]=[0,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null];
 this.wvUt=this.onWvFrame[0]; this.wvUt();
 this.wvAnimInit();
 }; div_.wvDivOpen(); /*open*/</script>
 </div>
 <div id="gr_bt" style="left:190.0px; top:632.0px;  z-index:7; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5group 001*/this.wvBuildGroup(2);
 }; div_.wvDivOpen(); /*open*/</script>
 <div id="_stop__phi_" style=" visibility : visible; position : absolute; left:0px; top:0px; width:1px; height:1px; z-index:0; position : absolute;">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 001*/this.wvBuildFace();
 this.onWvFrame=[];
 this.onWvFrame[0]=function(){this._group.stop();};
 this.wvTracks=[];
 this.wvTracks[4]=[0,null];
 this.wvUt=this.onWvFrame[0]; this.wvUt();
 this.wvAnimInit();
 }; div_.wvDivOpen(); /*open*/</script>
 </div>
 <div id="button_simple0" onclick="this.wvClickAnimated();" style="cursor: pointer;left:66.0px; top:-11.0px;  z-index:0; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5transformer 001*/this.wvBuildTransformer();
 this.onWvClick=[];
 this.onWvClick[1]=function(){
 var _gr_=this._group; if(_gr_.wvVars==null) _gr_.wvVars=[]; var _v_=_gr_.wvVars;
 
 _gr_._parent.wvGroupGotoFrame( 1 );
 _gr_._parent.play();
 
 ;
 
 _gr_.jumpFrame( 1, true );
 ;
 };
 this.onWvClick[2]=function(){
 var _gr_=this._group; if(_gr_.wvVars==null) _gr_.wvVars=[]; var _v_=_gr_.wvVars;
 
 _gr_._parent.stop();
 ;
 
 
 _gr_.jumpFrame( -1, true );
 ;
 };
 this.wvTracks=[];
 this.wvTracks[0]=[0.0,1.0];
 this.wvTracks[4]=[1.0,2.0];
 this.wvAnimInit();
 }; div_.wvDivOpen(); /*open*/</script>
 <div id="f__0" style="width: 60px; height: 19px; visibility: visible; position: absolute; overflow: visible; border-radius: 5px; box-sizing: border-box; border-width: 2px; border-color: rgb(255, 255, 255) rgb(0, 0, 0) rgb(0, 0, 0) rgb(255, 255, 255); border-style: solid; background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgb(102, 153, 216), rgb(255, 255, 255), rgb(102, 153, 216)) repeat scroll 0% 0%; font-family: Arial; font-size: 13px; color: rgb(0, 0, 255); font-weight: bold; transform-origin: 0px 0px 0px;" onmouseover="WvButton_S.mouseButton(this, [&quot;#000000&quot;,&quot;#000000&quot;],null)">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;/*wvtype:html5face 003*/this.wvBuildFace();WvButton_S.initFlat(this);}; div_.wvDivOpen(); /*open*/</script>
 <p id="line0" style=" top: 1px; left: 16px; position : absolute;">Play</p>
 </div>
 <div id="f__1" style="width: 60px; height: 19px; visibility: hidden; position: absolute; overflow: visible; border-radius: 5px; box-sizing: border-box; border-width: 2px; border-color: rgb(255, 255, 255) rgb(0, 0, 0) rgb(0, 0, 0) rgb(255, 255, 255); border-style: solid; background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgb(102, 153, 216), rgb(255, 255, 255), rgb(102, 153, 216)) repeat scroll 0% 0%; font-family: Arial; font-size: 13px; color: rgb(0, 0, 128); font-weight: bold; transform-origin: 0px 0px 0px;" onmouseover="WvButton_S.mouseButton(this, [&quot;#000000&quot;,&quot;#000000&quot;],null)">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;/*wvtype:html5face 003*/this.wvBuildFace();WvButton_S.initFlat(this);}; div_.wvDivOpen(); /*open*/</script>
 <p id="line0" style=" top: 0px; left: 15px; position : absolute;">Stop</p>
 </div>
 </div>
 </div>
 <div id="temoin" style="left:128.0px; top:596.0px;  z-index:8; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5group 001*/this.wvBuildGroup(1);
 }; div_.wvDivOpen(); /*open*/</script>
 <div id="curseur" style="left: 23px; top: -3px; z-index: 1; visibility: visible; position: absolute; overflow: visible; width: 293px; height: 12px; background-color: rgb(255, 255, 255); transform: scaleX(0);">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>
 </div>
 <div id="gouttiere" style="left:19.0px; top:-7.0px;  z-index:0; visibility:visible;  position : absolute;  overflow : visible;  width:300px; height:19px; box-sizing: border-box; border-width:1px;  border-color:rgb(255,255,255);  border-style:solid;  ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>
 </div>
 </div>
 <div id="act_imm" style="left:336.0px; top:401.0px;  z-index:5; visibility:visible;  position : absolute;  overflow : visible;  width:43px; height:37px;  ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 005*/this.wvBuildFace();
 this.wvEventFrame=WvTree.wvEventFrame;
 this.onWvFrame=[];
 this.onWvFrame[1]=function(){
 var _gr_=this._group; if(_gr_.wvVars==null) _gr_.wvVars=[]; var _v_=_gr_.wvVars;
 _v_.effet= 2 ;
 _v_.vitesse= 20 ;
 
 _v_.lg=
 _gr_.groupe.gr.chiffre0._width
 ;
 _v_.ht=
 _gr_.groupe.gr.chiffre0._height
 ;
 
 _v_.pos=[[-_v_.lg,0],[_v_.lg,0],[0,-_v_.ht],[0,_v_.ht],[-_v_.lg,-_v_.ht],[_v_.lg,-_v_.ht],[-_v_.lg,_v_.ht],[_v_.lg,_v_.ht]];
 _v_.rnd=
 Math.floor(Math.random()*8+0);
 ;
 
 if ( _v_.effet==8 ){
 _v_.effet=_v_.rnd;
 }else{
 _v_.inscrivez_ici_les_actions_si_la_condition_est_fausse;
 }
 
 
 
 
 var walker_ph = new WvWalker();
 walker_ph.setWalker(_gr_.groupe.gr["chiffre"+_gr_.groupe.num]);
 walker_ph.setDestination(_v_.pos[_v_.effet][0], _v_.pos[_v_.effet][1]);
 walker_ph.setNbSteps(_v_.vitesse);
 walker_ph.setSpriteAction(_gr_.groupe.action);
 walker_ph.startWalk();
 ;
 
 
 
 
 };
 this.wvTracks=[];
 this.wvTracks[4]=[null,1,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null];
 this.wvAnimInit();
 }; div_.wvDivOpen(); /*open*/</script>
 </div>
 <div id="info" class="Arial_12_ffffffb_" style="left:60.0px; top:12.0px; width:78.0px; height:17.0px;  z-index:9;  text-align:left; visibility:visible;  position : absolute;  overflow : visible;   ">
 <script>/*open*/ var div_= WvTree.getDiv(); div_.wvDivOpen=function(){ if(this.wvIsDivOpened!=null) return; this.wvIsDivOpened=true;
 /*wvtype:html5face 002*/this.wvBuildFace();
 }; div_.wvDivOpen(); /*open*/</script>
 <p id="line0" style=" top: 0px; left: 0px; position : absolute;">info&nbsp;image</p>
 <script>/*close*/ var div_= WvTree.getDiv(); div_.wvDivClose=function(){ if(this.wvIsDivClosed!=null) return; this.wvIsDivClosed=true;
 WvFace.initTextVar(this, this, "*");
 }; div_.wvDivClose(); /*close*/</script>
 </div>
 </div>
 <script>/*close*/ var div_= WvTree.getDiv(); div_.wvDivClose=function(){ if(this.wvIsDivClosed!=null) return; this.wvIsDivClosed=true;this.wvBuildTree(true);}; div_.wvDivClose(); /*close*/</script>
 </div>

Je vous vois assez mal obtenir un bouton dans l'éditeur qui permettrait d'ajouter tout ce code en un clic !
D'ailleurs le code lui même parle de diaporama. C'est bourré de balises audio et de javascript (le javascript n'est pas autorisé dans les messages chez Forumactif)

Quand je parle de lien direct, il s'agit du lien de l'élément et non de la page html où il se trouve. Le HTML c'est un format texte pur que l'on peut ouvrir avec le bloc-notes de Windows.
A terme le logiciel e-anim devra fournir des fichiers lisibles en html sans la moindre extension ni le moindre plugin. Et je vous parie ce que vous voulez que l'extension sera celle d'un format vidéo dont j'ai dressé une liste plus haut.

Ce que vous appelez animation n'est rien de plus, rien de moins que 20 images statiques que l'on lit les unes après les autres (ici le javascript doit servir à gérer les transitions entre images ainsi que le bouton de lecture). Des images fixes affichées l'une après l'autre bah c'est l'idée qu'ont eu en 1895 deux frères lyonnais et qui s'appelle le cinématographe Lumière. On a certes perfectionné le procédé mais le principe de base est toujours le même.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fin programmée du flash

Message par Xena2 Dim 4 Fév 2018 - 15:28

J'ai l'impression qu'on a du mal se comprendre ...
Eanim est en cours de conversion, pour pouvoir construire facilement des animations interactives, comparables à ce qu'on fait en flash.
Un seul code nous suffit pour publier, pas besoin d'aller voir la page de construction :
Code:
<embed src="http://www.tuto-eanim.fr/Le_site_de_tutos/contenu2/niveau_3_pages2/gadgets_sprites2/effets_graph/exemples/diaporama_glissement_html5/ex_diaporama_glissement_html5.html" width="604" height="688"wmode="transparent">
Autre exemple :
Code:
<embed src="http://www.tuto-eanim.fr/Le_site_de_tutos/contenu2/niveau_3_pages2/gadgets_sprites2/jeux/exemples/ex_marguerite_html5/ex_marguerite_html5.html" width="750" height="700"wmode="transparent">
Merci pour les images statiques, on a un peu dépassé ce stade !  Very Happy  
Il n'est pas question dans ma demande de publier l'ensemble de la page html, mais uniquement la résultante de l'animation hébergée
Xena2

Xena2
**

Féminin
Messages : 52
Inscrit(e) le : 20/11/2014

http://wvanim-forum.forumactif.com/
Xena2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fin programmée du flash

Message par Neptunia Dim 4 Fév 2018 - 16:46

Non, non j'avais bien compris, mais comme aujourd'hui E-Anim produit des fichiers swf je m'attendais à ce que demain il produise un unique fichier pour toute une animation.

Là si j'ai bien compris, demain il faudra d'abord héberger le code HTML de l'animation quelque part avant de pouvoir le publier sur un forum exactement comme on ferait avec une iframe.
Ce qu'on peut aujourd'hui se transmettre par une vulgaire clé USB nécessitera demain d'avoir impérativement une connexion internet active ? Parce que j'imagine que c'est pas l'animateur qui va composer le code HTML de son animation mais le logiciel !?

Merci pour les images statiques, on a un peu dépassé ce stade !
C'est pourtant bel et bien un code HTML avec 20 images statiques que vous m'avez fourni
Fin programmée du flash Bouthan0 Fin programmée du flash Bouthan1 Fin programmée du flash Bouthan2

http://www.tuto-eanim.fr/Le_site_de_tutos/contenu2/niveau_3_pages2/gadgets_sprites2/effets_graph/exemples/diaporama_glissement_html5/bouthan3.png
...
http://www.tuto-eanim.fr/Le_site_de_tutos/contenu2/niveau_3_pages2/gadgets_sprites2/effets_graph/exemples/diaporama_glissement_html5/bouthan18.png
http://www.tuto-eanim.fr/Le_site_de_tutos/contenu2/niveau_3_pages2/gadgets_sprites2/effets_graph/exemples/diaporama_glissement_html5/bouthan19.png

Comme je le disais plus haut, c'est le javascript qui se charge d'animer l'ensemble.




Rajouter un bouton à l'éditeur est possible. Mais ça va me prendre du temps hormis si je me contente de lui faire placer le code HTML partiel dans l'éditeur, qui ne fonctionnera que si le HTML est activé et qui se contentera de placer le balisage un peu comme les balises spoiler ou code. Il faudrait donc ensuite placer le lien de la page où se trouve l'animation ainsi que largeur et hauteur.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fin programmée du flash

Message par Xena2 Dim 4 Fév 2018 - 17:40

Voilà, on commence à se comprendre.
En effet, c'est le programme qui va gérer l'ensemble de l'animation. L'utilisateur, lui, hébergera les composants images, js, etc ... (puisqu'ils ne sont pas embarqués comme dans un swf), et publiera son animation avec le lien du fichier final html.
J'ai prévu une explication sur le site :
Pour publier vos animations, il vous faudra chez votre hébergeur placer dans le même dossier TOUS les éléments ayant servi à construire l'animation, excepté le fichier .phi.
Vous récupèrerez l'adresse du fichier "html", et vous publierez avec ce code :

<embed src="lien_fourni_par_l_hebergeur.html" width="000" height="000"wmode="transparent">

Les éléments en rouge sont bien sur à compléter.

Mais nous avons déjà posté des éléments sur notre forum (inaccessible par les non connectés), en utilisant ces fameuses balises embed, moins dangereuses que les iframe. Il est clair que si l'utilisateur (quand il sait faire) ouvre avec un éditeur de texte, il verra tout le détail du montage, mais ce n'est pas le but recherché.
Au delà de ce qu'on pourrait baptiser "diaporama" (qui était un exemple), nous concevons quantité d'animations interactives, telles des jeux, comme on pourrait le faire en flash.
Il est clair que sur les forums où les animations seront publiées, il sera nécessaire d'activer le html, ce que nous faisons sur le forum d'eanim.
Sinon, je n'y suis pour rien si le flash est abandonné, ça nous donne énormément de travail de conversion, et encore tout n'est pas convertible, le html5 est loin d'offrir les ressources du flash.
En tous cas, ça permettra de voir les animations sur n'importe quel support, notamment les produits Apple.
Nous en sommes à une version de développement, la diffusion du nouveau logiciel interviendra dans quelques mois.
A noter que le souci sera le même pour les animations construites avec les produits Adobe.
Xena2

Xena2
**

Féminin
Messages : 52
Inscrit(e) le : 20/11/2014

http://wvanim-forum.forumactif.com/
Xena2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fin programmée du flash

Message par Walt Dim 4 Fév 2018 - 23:08

Bonsoir,
Fin programmée du flash DeXXKqFBien que votre demande ne soit pas réalisable actuellement sur notre plateforme, nous vous invitons afin d'améliorer nos services à poster une suggestion dans ce forum en respectant les règles de la section.

Suivant la ferveur des membres de notre communauté pour votre proposition, elle pourra se retrouver à l'étude par notre équipe et éventuellement être mise en place (aucun délai ne peut cependant être donné).

Cordialement,
Walt
Walt

Walt
Modéractif
Modéractif

Masculin
Messages : 6083
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum