Recevez les mises à jour gratuites du blog par Email : »» Garanti sans spam indésirable ««

Smokescreen : Convertir du Flash en HTML5/JavaScript

de Mimie le 24 juin 2010

Rubrique : Programmation

Flash ?

Vous êtes peut-être du même avis que Steve Jobs (cofondateur d’Apple) en pensant qu’il faut boycoter le plugin Flash d’Adobe sur toutes les plateformes ? j’ai tendance à l’être aussi ^^

Vous avez perdu le code source de votre application Flex (solution de développement d’Adobe générant du Flash au format SWF) et vous n’avez plus que vos yeux pour pleurer en contemplant votre unique fichier sauvé de ce désastre, le fichier SWF ? bienvenu au club …

L’un comme l’autre il nous faut trouver une alternative, j’aurai tendance à dire qu’elle existe déjà avec l’arrivée prochaine (dans quelques années ? …) des versions finales de HTML5 et de CSS3, mais surtout nous pourrons aller plus loin avec le futur standard 3D WebGl qui ne va pas tarder à s’immiscer dans nos navigateurs lui aussi.

Comment s’en passer

Il existe bien un moyen de récupérer le code source d’une application Flex (à partir du fichier SWF) au moyen d’un décompilateur mais il sont bien souvent payants (celui de HP est gratuit SWFScan) et cela ne nous servira finalement pas à faire autre chose que du Flash.

Par contre aucun outil n’existait jusqu’à présent permettant de convertir un fichier binaire Flash (SWF) vers un autre langage, et notamment vers les langages standard du web, les fameux HTML/CSS/JavaScript qui sont eux lisibles partout sans plugin et en natif.

C’est aujourd’hui possible avec le projet Smokescreen, développé par Chris Smoak, qui est justement destiné à convertir le Flash (fichiers SWF) en JavaScript/HTML5 afin que les animations Flash puissent être visionnées là où elles ne peuvent pas actuellement (plugin Flash étant obligatoire).
Le projet sera open source, même si aucun code n’est pour l’instant publié sur le site officiel.

© http://www.webmonkey.com

© http://www.webmonkey.com

Comment ça marche

L’outil ne prétend pas générer le code HTML/JavaScript pouvant être copier/coller ou sauvegarder une fois la conversion effectuée, la conversion de Smokescreen s’effectue entièrement à la volée depuis le navigateur : les binaires SWF sont lus, décompressés (en JavaScript natif), les images et flux audio intégrés sont extrait et encodés en base64, puis il parvient à générer un SVG (coordonnées, dimensions et structures des objets vectoriels). Smokescreen a dû écrire son propre interpréteur de bytecode ActionScript (langage de script d’Adobe) pour mieux l’appréhender et le lire.

En clair le processus est quasiment invisible et ne laisse aucune trace ou presque : en utilisant l’Inspecteur du navigateur Chrome (clic droit ‘inspecter élément’) il est possible de voir le SVG évoluer en temps réel pendant le déroulement des démos mis en ligne.

Ce que j’en pense

  • Ce projet est le bienvenu et est attendu par beaucoup de gens voulant en finir avec cette technologie lourde et gourmande nécessitant un plugin, Flash
  • La suppression du plugin d’Adobe va permettre une diffusion plus large des animations anciennement « pur Flash » qui tourneront à présent sur toutes les plateformes (navigateurs récent supportant l’HTML5 sur ordinateur et mobiles)
  • Utilisant des langages natifs interprétés par le navigateur (HTML et JavaScript), ces nouvelles animations seront moins gourmandes et plus légères que celles nécessitant le plugin
  • L’intégration d’animation Flash au sein d’une application existante est difficile, à présent il suffira de placer une simple <div/> qui contiendra l’animation et d’appeler une fonction javascript réalisant la conversion du fichier SWF donné
  • Les navigateurs travaillent de plus en plus sur leur moteur JavaScript, Smokescreen profite donc de la montée en puissance de JavaScript et de son optimisation
  • Initialement créer pour la conversion de bannières publicitaires, cet outil sera dans un premier temps difficilement applicable sur tous les fichiers SWF (vidéos notamment) mais avec le temps et la communauté open-source aidant, il s’améliorera et deviendra un outil incontournable.

Cet article a été écrit par :

– qui a déjà rédigé 123 posts sur Des Geeks et des lettres.

Passionné d'informatique et développeur JavaEE de métier, je me consacre principalement à écrire des billets sur les sujets du Web et de la programmation Web. Ce blog est un espace qui me permet de partager mes découvertes avec vous et me sert accessoirement de pense bête !

Contacter l'auteur

Jetez aussi un oeil sur :

{ 6 commentaires… à vous de vous exprimer ! }

1 Greg juin 25, 2010 à 20 h 33 min

En effet dans notre cas ça aurait peut-être pu nous aider…

Répondre

2 Mimie juin 25, 2010 à 22 h 48 min

Je ne pense pas que Smokescreen soit tout à fait au point encore pour convertir ce genre d’application complexe mais étant donné que j’ai toujours le fichier SWF de Poesie, il faut garder espoir :D

Répondre

3 data recovery juillet 1, 2010 à 9 h 54 min

Merci. C’est une application très utile car il m’a aidé dans une large mesure.

Répondre

4 ben décembre 28, 2010 à 16 h 36 min

je voulais utiliser ce fameux logiciel open-sources , mais je ne sais pas si les gars ont arrêté de le produire en tout cas les liens sont morts, il y a plus de smokescreen
http://smokescreen.us/demo/
http://smokescreen.us

Et c est bien dommage!!

PS : si quelqu’un’ connait une autre alternative??? je suis preneur

Répondre

5 Mimie mars 10, 2011 à 11 h 17 min
6 Mimie juin 30, 2011 à 11 h 15 min

Google vient de lancer un nouveau service permettant de convertir en quelques clics les fichiers Falsh (.fla) en fichiers HTML5 : Swiffy.

Répondre

Laissez un Commentaire

Article précédent:

Article suivant: