Smokescreen : Convertir du Flash en HTML5/JavaScript

 Article modifié dernièrement le 30 Mai 2015 @ 19 h 36 min

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.

Trois flèches vers le bas

1- Logiciel de brouillage d’adresse IP :

Contourner la censure en surfant anonyme

2- L’article explicatif :

La différence entre un proxy et un VPN

3- Comment espionner un smartphone (app) :

L’application de référence

Commentez ici

  • Greg 25 juin 2010, 20 08

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

  • Mimie 25 juin 2010, 22 10

    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 😀

  • data recovery 1 juillet 2010, 9 09

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

  • ben 28 décembre 2010, 16 04

    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

  • Mimie 10 mars 2011, 11 11
  • Mimie 30 juin 2011, 11 11

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

Article suivant:

Article précédent:

Share This