Imprimer la Page | Fermez la fenêtre

conversion swf en html5

Imprimé depuis: Forum openElement
Categorie:

openElement


Nom du Forum: Discussion générale openElement
Description du Forum: Discussion générale sur le logiciel
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=18687
Date: 29 Mar 2024 à 08:33
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com


Sujet: conversion swf en html5
Posté par: Pascal66
Sujet: conversion swf en html5
Posté le: 13 Sep 2013 à 09:39
Si j'ai bien compris :
-  Avec open element, on peut mettre des vidéo en html5. Pour cela, la vidéo doit être composée de 3 fichiers (MPEG-4, ogv et webm).
-On peut également mettre des animations flash, sachant qu'elles ne seront pas lues par les portables.
-Sur internet, on trouve des convertisseurs swf/html5

Pour voir, j'ai fait une petite animation avec la version d'évaluation de swf cré@teur et j'ai essayé de la convertir en html5 pour pouvoir l'insérer en tant que vidéo, mais je n'obtient pas les 3 fichiers demandés.
 D'où ma question :
Est-il possible, pour quelqu'un qui ne sait pas programmer en html, de faire des animations visibles sur ordinateurs et portables ? ( ce qui oblige de faire ou convertir les animation en html5, si j'ai bien compris ?...)
Merci.



Réponses:
Posté par: Dmit OE
Posté le: 13 Sep 2013 à 11:24
Bonjour,

Il y a des outils pour convertir, ou enregistrer, des animations swf en mp4 (sauf s'ils contiennent la "logique", comme des jeux Flash par exemple). Puis, il y a beaucoup d'outils en ligne et telechargeables qui convertissent mp4 en 2 autres formats.

Cordialement
D


Posté par: Pascal66
Posté le: 13 Sep 2013 à 18:50
Bonsoir,
Je viens d'essayer, mais l'animation est affiché comme une vidéo. Avec des boutons et elle ne tourne pas en continu... Est-il possible de mettre des animation en html5 sous open élément? Merci d'avance.


Posté par: Dmit OE
Posté le: 13 Sep 2013 à 19:00
Je ne sais pas ce que vous voulez dire par HTML5. Pouvez-vous donner le format de fichier / fichiers de resultat de conversion?


Posté par: Galmi
Posté le: 13 Sep 2013 à 19:54
Hello Pascal66,

Ce que vous évoquez correspond-il à ça ? :

http://www.alsacreations.com/article/lire/1125-introduction-balise-video-html5-mp4-h264-webm-ogg-theora.html" rel="nofollow - http://www.alsacreations.com/article/lire/1125-introduction-balise-video-html5-mp4-h264-webm-ogg-theora.html

Si c'est le cas, ça permettra de vous aider car tout est précisément décrit dans ce document.




-------------
OE v1.42R7


Posté par: Pascal66
Posté le: 13 Sep 2013 à 20:57
Merci à tous pour vos réponses.
Je vais essayer d'être plus clair. Pour l'instant je n'ai pas d'animation sur mon site . Et je ne veux pas en mettre si elles ne sont pas visibles sur téléphone portable.  J'ai cru comprendre que pour cela il fallait qu'elle soit en html5, maintenant si il y a d'autres solutions, je suis preneur.
Il y a  ce qu'il faut dans le lien de Galmi, que je remercie, mais je ne saurait pas écrire les lignes de programme pour les insérer dans le site.
Je pense qu'il y a l'attribut controls à ne pas mettre pour ne pas afficher les boutons et l'attribut loop à insérer pour faire tourner l'animation en boucle...?   Quel est le chemin pour aller chercher la vidéo ?
Merci à tous


Posté par: Dmit OE
Posté le: 13 Sep 2013 à 21:58
Si par «animation» vous voulez dire un sequence video, utilisez l'element Video HTML5 avec des bons valeurs de Proprietes - loop, pas de boutons etc. L'element va ecrire le code pour vous. Trouvez un bon converteur pour obtenir mp4 et les autres formats


Posté par: Pascal66
Posté le: 14 Sep 2013 à 10:24
Bonjour,
Merci, c'est ce que je cherchais. Je n'avais pas pensé à chercher ces réglages dans l'onglet propriété, je les cherchais dans la fenêtre de l'élément vidéo....
Enfin bref, cela fonctionne....ou presque : Je visualise mon animation dans open-élément, mais pas quand je prévisualise (sous chrome).
Vu que pour l'instant je ne travaille qu'avec des versions de démo, c'est peut-être qu'il y a quelque chose de bridé dedans (?).
Pour les animation, je pense acheter swf cré@teur et pour convertir Movavi. Vous avez peut-être quelque chose d'autre à proposer ?
Merci pour tout.


Posté par: Dmit OE
Posté le: 14 Sep 2013 à 12:07
Il y a des converteurs gratuits je crois, mais je ne connais pas des exemples.

Essayez d'Exporter dans dossier, puis ouvrir la page dans le dossier de resultat (double-clic dans Explorateur Windows, ou glisser dans une fenetre d'un navigateur), pour verifier si ca marche. C'est pas normale qu'en previsualization ca ne marche pas.


Posté par: Galmi
Posté le: 14 Sep 2013 à 13:13
C'est sûr qu'en cherchant un peu vous trouverez les convertisseurs gratuits correspondants à vos besoins. Pour qu'on puisse faire des suggestions, indiquez quels formats voulez-vous exactement convertir, et vers quels formats.

Convertisseurs usuels : "Super" (un peu compliqué à télécharger et à faire fonctionner), "QuickMediaConverter" (QMC), "FormatFactory", etc.

-------------
OE v1.42R7


Posté par: Pascal66
Posté le: 14 Sep 2013 à 16:46
Bonsoir galmi

J'avais déjà cherché sans rien trouver, alors j'ai recherché....et je n'ai toujours rien trouver.
Je veux faire  des animations en swf, les convertir en mp4 pour finir pour finir par les convertir en html5 (sauf si bien sur quelqu'un a une idée simple pour faire l'animation directement en html5)

En ce moment, pour essayer, j'ai une petite animation de 48X45 pixel que j'ai fait sur la version de démo de swf créator.

Le seul convertisseur vraiment gratuit que j'ai trouvé pour convertir le swf en mp4 est freemake vidéo converter....mais il n'ouvre pas mon fichier. Je pense que c'est à cause du format.

J'ai essayé pas mal de convertisseurs. Certains ouvrent le fichier, mais ne convertissent pas en mp4 (sans payer). De plus, ils imposent les dimensions de sortie. J'ai réussi à convertir en passant par des formats intermédiaire, mon fichier de 3k en swf  faisait 639k en mp4....

Le seul que j'ai trouvé, qui ouvre mon animation swf, qui la convertit en une animation de mêmes dimension est movavi. Le mp4 fait alors 7k (mine de rien, il est tout de même le double).

Voila, je pense avoir tout dit, merci pour tout, et il ne faut pas hésiter à proposer un meilleur logiciel si il y en à un.
Cordialement.



Posté par: Pascal66
Posté le: 15 Sep 2013 à 09:58
Bonjour à tous,
Je viens de réessayer à tête reposée pour la prévisualisation qui ne marche pas. Il y a un"Messages échec plugin " dans le menu Edition de l'onglet Propriété de l'élément vidéo :

Pour regarder cette vidéo, il faut télécharger ou activer:<br/><a href='http://get.adobe.com/flashplayer/' target='_blank'><u style='color:#FF0000;'><b>Flash</b> (télécharger)</u></a>
<span class='VidHTML5NotIE' data-note='This span will be hidden in IE'> ou 
<a href='http://www.apple.com/quicktime/download/' target='_blank'><u style='color:#FF0000;'><b>QuickTime</b> (télécharger)</u></a></span>

D'autre part, dans la fenêtre de l'élément, les voyants sont tous éteints (le voyant vert n'est pas allumé)

Pour ce qui est des lignes de code du message erreur, j'ai fait plusieurs essais avec l'élément "bloc de code masqué" mais rien ne fonctionne. Maintenant il y a tellement de possibilité....
Merci à tous


Posté par: Galmi
Posté le: 15 Sep 2013 à 12:32
hello, je ne comprends pas bien le problème que vous rencontrez.

Il se peut que Adobe FlashPlayer ne soit pas installé sur votre PC ?
Essayez d'installer d'autres navigateurs pour voir : FireFox, Safari pour Windows, Maxthon, Opera

Quel navigateur utilisez-vous (IE10 ?). Il vous manque peut-être QuickTime (ou autre) permettant de lire mp4 ?

Dans tous les cas, Flash posera problème pour tous ceux qui n'ont pas installé FlashPlayer dans leur ordi.
Vous avez une animation flash et vous voulez que ça marche sans FlashPlayer ?

Du coup, pourriez-vous reformuler à nouveau (en bref) votre problème avec plus précision ? Que voulez-vous faire exactement et pourquoi.




-------------
OE v1.42R7


Posté par: Pascal66
Posté le: 16 Sep 2013 à 20:21
Bonjour à tous,
Si, tout est installé, d'ailleurs les animations swf fonctionnent correctement.
Bon j'ai réussi à convertir mes swf en html5 en faisant comme cela :
Conversion du swf en mp4 avec movavi puis conversion du mp4 en html5 avec freemake. Donc freemake regénère un mp4 à partir du mp4 fait par movavi .... (Je rappelle que je n'arrive pas à ouvrir les swf avec freemake)
Bon, même si cela fonctionne,  je trouvais cela bien compliqué, mais il y a eu un problème supplémentaire : J'avais  perdu la transparence de l'animation.

Ce que je cherche, c'est de faire des animations qui fonctionne également sur portable, je suis donc retourner sur internet pour chercher, et j'ai trouver cela :  http://www.hippostudios.co/?S=Animator" rel="nofollow - http://www.hippostudios.co/?S=Animator
Il fait une animation en html qui peut donc être ouverte par pratiquement n'importe quoi. Cela fonctionne, bien qu'il y a quelque pb avec open élément.

Je n'ai pas le temps d'expliquer les quels pour l'instant, je mets la suite ce soir.

Cordialement.


Posté par: Pascal66
Posté le: 16 Sep 2013 à 21:09
Bon, voila la suite :
Hyppo animator crée deux fichiers : l'animation en html et une note d'explication que je recopie ci-dessous :

Il s'agit d'une page de test.
● Certains navigateurs internet peuvent bloquer temporairement le JavaScript dans ce film lors de l'exécution directement depuis un ordinateur. Cela n'arrivera pas lors de l'exécuter à partir d'internet.
● Le film ' essai1 .html ' s'affiche dans une iframe HTML ci-dessus.
● nécessite le film ' ' être dans le même dossier que le fichier ' essai1 .html '.
● La largeur et les paramètres de la hauteur du film peuvent être modifiées aux pixels ou pourcentage.
Ajoutez le film à une page html en utilisant le code suivant :

< value="< ="essai1." style="width:45px;height:38px !imant;:transparent;" border="0" scrolling="no" allowtransparency="true"></>" style="width: 600px;"> 

Générée par Hippo Animator 3.0.5007.

Pour insérer l'animation dans open élément, j'ai recopié la ligne de code dans un élément "Bloc de code", puis j'ai recopier fichier essai1.html et les images dans le dossier général du site (celui ou il y a l'index). J'ai vérifier que cela fonctionne sous ie, chrome, windowsphone et androïde.

Maintenant, il y a sans doute une meilleur façon d'insérer l'animation sous open élément ? et si il n'y en a pas, ce serait bien de mettre l'animation dans un dossier spécifique, mais cela impose d'indiquer le chemin dans le bloc de code.


Bonne soirée à tous


Posté par: Galmi
Posté le: 16 Sep 2013 à 22:52
Merci pour ces explications détaillées qui permettront à d'autres de s'appuyer sur votre travail.

Pour ce qui est de l'insertion de votre animation dans OE, quelqu'un de l'équipe d'OE devrait sans doute pouvoir vous aider.

En tous cas, merci pour tout ce travail Thumbs Up

-------------
OE v1.42R7


Posté par: Marie OE
Posté le: 17 Sep 2013 à 09:26
Bonjour,

Pascal66, vos fichiers d'animation étant des fichiers externes, pour le moment, il n'y a pas d'autre moyen que d'insérer votre script dans un bloc de code. Veillez bien à ce que le fichier 'essai1.html' soit bien mis en ligne (envoi manuel ou envoi complet du site)


-------------
Cordialement, l'équipe d'openElement.


Posté par: Pascal66
Posté le: 17 Sep 2013 à 11:11
Bonjour,
C'est bien ce que je pensais. J'ai donc fait un répertoire "animations" dans le dossier principal du site, pour mettre  essai1.HTML et les images dedans, puis j'ai modifié la ligne du Bloc de code comme suit :

<iframe src="animations/essai1.html" style="width:45px;height:38px !important;" frameborder="0" scrolling="no"></iframe>

Pour ce qui est de la mise en ligne, cela n'a pas posé de problème puisque j'ai accès au serveur, j'ai donc copié  le dossier animations à la main. 

Cordialement.




Imprimer la Page | Fermez la fenêtre

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net