Convertisseur en ligne gratuit de SWF en HTML

Les navigateurs actuels n’incluent plus Flash Player. Les jeux, animations, modules de formation et bannières legacy au format .swf ont donc besoin d’une page basée sur HTML pour être diffusés sur le Web. Le résultat peut être un wrapper HTML qui exécute le SWF d’origine via un émulateur, ou une application HTML5 reconstruite lorsque le projet source est disponible.

Qu’est-ce que le format SWF ?

SWF est le format binaire compilé de diffusion d’Adobe Flash. Il peut contenir des illustrations vectorielles, des images bitmap, des polices, des animations sur une timeline, de l’audio, de la vidéo, des boutons et du code ActionScript.

Adobe Flash Professional, rebaptisé plus tard Adobe Animate, produisait des fichiers SWF à partir de projets .fla modifiables ; Apache Flex produisait également des applications SWF. Les anciens sites Web, les modules d’e-learning, les jeux de navigateur, les publicités, les systèmes d’aide et les médias interactifs archivés contiennent souvent des fichiers SWF.

Un SWF n’est normalement pas le fichier source modifiable. Le projet d’origine .fla ou .xfl est beaucoup plus utile pour une reconstruction HTML5 native, car il conserve la structure de la timeline, les ressources de la bibliothèque et les informations de création.

Qu’est-ce que le format HTML ?

HTML est le format de balisage textuel qui définit la structure d’une page Web. Un fichier .html peut référencer JavaScript, CSS, des images, des polices, de l’audio, de la vidéo, Canvas, SVG, WebGL et d’autres fichiers associés.

HTML s’exécute dans les navigateurs actuels sans plug-in Flash et peut être hébergé sur un serveur Web standard, intégré à un site existant et partagé via une URL. Pour les anciens contenus Flash, HTML constitue généralement la couche de diffusion d’un émulateur ou des fichiers JavaScript et multimédias de remplacement.

HTML n’exécute pas nativement ActionScript et ne décode pas le contenu SWF. Le résultat publié peut donc être une page utilisant un émulateur, des ressources extraites, une vidéo ou une application Web reconstruite manuellement, plutôt qu’une traduction directe en HTML et JavaScript modifiables.

Convertir un fichier SWF en HTML

Pour obtenir un package consultable dans un navigateur, téléversez le fichier .swf vers le convertisseur gratuit de 101convert.com, sélectionnez la sortie HTML, puis téléchargez les fichiers générés. Conservez ensemble le fichier HTML téléchargé, les fichiers JavaScript, les dossiers de ressources et tout fichier SWF conservé ; déplacer uniquement index.html entraîne généralement une rupture de la page.

Testez le résultat dans un navigateur actuel, notamment les menus, les boutons, la saisie au clavier, le son, la vidéo, les formulaires et la navigation. Si l’ouverture directe du fichier HTML provoque le blocage de ressources ou des erreurs WebAssembly, servez son dossier localement :

python -m http.server 8000

Ouvrez ensuite http://localhost:8000. Téléversez l’intégralité du dossier de sortie sur un serveur Web pour une utilisation publique.

Utiliser le projet d’origine lorsqu’il est disponible

Lorsqu’un fichier .fla ou .xfl modifiable existe, utilisez Adobe Animate plutôt que de convertir le SWF compilé. Ouvrez le projet et utilisez File → Convert To Other Document Formats → HTML5 Canvas lorsque cela s’applique, puis configurez la sortie dans File → Publish Settings et sélectionnez File → Publish.

Les documents Animate HTML5 Canvas utilisent JavaScript et CreateJS. Le code ActionScript 2 ou ActionScript 3, les composants Flash, les objets vidéo, les filtres et certains modes de fusion ne sont pas automatiquement convertis en code fonctionnel pour navigateur ; reconstruisez ces fonctions avec JavaScript et les API Web standard. Déployez les fichiers HTML, JavaScript, image, police et multimédias générés dans un seul package.

Préserver un SWF publié avec Ruffle

Lorsqu’il ne reste que le SWF compilé, Ruffle est généralement le moyen le plus pratique de conserver l’interactivité. Ruffle est un émulateur Flash open source compilé en WebAssembly ; une page HTML charge Ruffle et le .swf d’origine, de sorte que le SWF reste intégré au déploiement au lieu de devenir du JavaScript modifiable.

Téléchargez la version Web auto-hébergée de Ruffle, placez ses fichiers à côté du SWF et utilisez le modèle d’intégration d’auto-hébergement actuel du projet dans une page HTML. Définissez le chemin du SWF et les dimensions d’affichage prévues, puis testez depuis un serveur HTTP ou HTTPS plutôt qu’à partir d’une URL file://.

Limites de compatibilité et de qualité

La compatibilité de Ruffle varie selon la version de Flash et le runtime. Le contenu AVM1, généralement associé aux anciens fichiers ActionScript 1 et 2, est en principe plus mature que la prise en charge d’AVM2/ActionScript 3. Les contenus utilisant des API non prises en charge, des codecs vidéo propriétaires, des webcams, des microphones, des DRM, des objets partagés locaux, des intégrations avec le navigateur ou des points de terminaison serveur indisponibles peuvent échouer ou se comporter différemment.

Exporter une animation au format MP4 ou WebM peut préserver les mouvements visibles et l’audio, mais supprime les jeux, les questionnaires, les boutons, les champs de saisie et la logique ActionScript. Utilisez cette option uniquement pour les contenus qui ne nécessitent aucune interaction.

Des outils tels que JPEXS Free Flash Decompiler peuvent examiner un SWF et extraire des images, des sons, des polices et des scripts en vue d’une reconstruction manuelle. Le code ActionScript décompilé peut être incomplet ou difficile à maintenir et ne restaure pas le projet de création d’origine.

Testez la page finale dans les navigateurs desktop et mobiles ciblés. Remplacez les médias ou points de terminaison de données accessibles uniquement en HTTP avant de publier sur un site HTTPS, car les navigateurs bloquent les requêtes de contenu mixte.