Online konvertor SWF do HTML zdarma

Současné prohlížeče již neobsahují Flash Player, takže starší hry, animace, školicí moduly a bannery ve formátu .swf potřebují pro webové doručování stránku založenou na HTML. Výsledkem může být obálka HTML, která spouští původní SWF prostřednictvím emulátoru, nebo znovu vytvořená aplikace HTML5, pokud je k dispozici zdrojový projekt.

Co je formát SWF

SWF je kompilovaný binární distribuční formát aplikace Adobe Flash. Může obsahovat vektorovou grafiku, bitmapové obrázky, fonty, animaci na časové ose, zvuk, video, tlačítka a kód ActionScript.

Adobe Flash Professional, později přejmenovaný na Adobe Animate, vytvářel soubory SWF z upravitelných projektů .fla; aplikace SWF vytvářel také Apache Flex. Starší weby, e-learningové balíčky, prohlížečové hry, reklamy, systémy nápovědy a archivovaná interaktivní média běžně obsahují soubory SWF.

SWF obvykle není upravitelný zdroj. Původní projekt .fla nebo .xfl je pro nativní přestavbu na HTML5 mnohem užitečnější, protože zachovává strukturu časové osy, prostředky knihovny a informace o tvorbě.

Co je formát HTML

HTML je textový značkovací formát, který definuje strukturu webové stránky. Soubor .html může odkazovat na JavaScript, CSS, obrázky, fonty, zvuk, video, Canvas, SVG, WebGL a další podpůrné soubory.

HTML funguje v současných prohlížečích bez zásuvného modulu Flash a lze jej hostovat na standardním webovém serveru, vložit do existujícího webu a sdílet pomocí URL. U původního obsahu ve Flashi je HTML obvykle doručovací vrstvou pro emulátor nebo pro náhradní JavaScript a mediální prostředky.

HTML nativně nespouští ActionScript ani nedekóduje obsah SWF. Publikovaným výsledkem proto může být stránka s emulátorem, extrahované prostředky, video nebo ručně znovu vytvořená webová aplikace, nikoli přímý převod do upravitelného HTML a JavaScriptu.

Převod souboru SWF na HTML

Chcete-li získat výstupní balíček zobrazitelný v prohlížeči, nahrajte soubor .swf do bezplatného převodníku na 101convert.com, vyberte výstup HTML a stáhněte vygenerované soubory. Ponechte stažený soubor HTML, soubory JavaScript, složky s prostředky a případný zachovaný soubor SWF pohromadě; přesunutí pouze souboru index.html obvykle stránku rozbije.

Otestujte výstup v aktuálním prohlížeči, včetně nabídek, tlačítek, klávesového vstupu, zvuku, videa, formulářů a navigace. Pokud přímé otevření souboru HTML způsobuje blokování prostředků nebo chyby WebAssembly, spusťte jeho složku lokálně:

python -m http.server 8000

Poté otevřete http://localhost:8000. Pro veřejné použití nahrajte celou výstupní složku na webový server.

Použijte původní projekt, pokud je k dispozici

Pokud existuje upravitelný soubor .fla nebo .xfl, použijte místo převodu kompilovaného SWF aplikaci Adobe Animate. Otevřete projekt a tam, kde je to možné, použijte File → Convert To Other Document Formats → HTML5 Canvas, poté nakonfigurujte výstup v File → Publish Settings a vyberte File → Publish.

Dokumenty Animate HTML5 Canvas používají JavaScript a CreateJS. Kód ActionScript 2 nebo ActionScript 3, komponenty Flash, objekty videa, filtry a některé režimy prolnutí se automaticky nepřevedou na funkční kód prohlížeče; tyto funkce znovu vytvořte pomocí JavaScriptu a standardních webových API. Vygenerované soubory HTML, JavaScript, obrázků, fontů a médií nasaďte jako jeden balíček.

Zachování publikovaného SWF pomocí Ruffle

Pokud zůstane pouze kompilovaný SWF, Ruffle je obvykle nejpraktičtějším způsobem, jak zachovat interaktivitu. Ruffle je open-source emulátor Flashe zkompilovaný do WebAssembly; stránka HTML načte Ruffle a původní .swf, takže SWF zůstane součástí nasazení, místo aby se stal upravitelným JavaScriptem.

Stáhněte webovou sestavu Ruffle pro self-hosting, umístěte její soubory vedle SWF a v HTML stránce použijte aktuální embedovací šablonu projektu pro self-hosting. Nastavte cestu k SWF a zamýšlené rozměry zobrazení a poté vše otestujte z HTTP nebo HTTPS serveru, nikoli z URL file://.

Omezení kompatibility a kvality

Kompatibilita Ruffle se liší podle verze Flashe a běhového prostředí. Obsah AVM1, běžně spojovaný se staršími soubory ActionScript 1 a 2, je obecně vyspělejší než podpora AVM2/ActionScript 3. Obsah využívající nepodporovaná API, proprietární video kodeky, webové kamery, mikrofony, DRM, místní sdílené objekty, integraci s prohlížečem nebo nedostupné serverové koncové body může selhávat nebo se chovat odlišně.

Export animace jako MP4 nebo WebM může zachovat viditelný pohyb a zvuk, odstraní však hry, kvízy, tlačítka, vstupní pole a logiku ActionScriptu. Tuto možnost použijte pouze u obsahu, který nepotřebuje interakci.

Nástroje, jako je JPEXS Free Flash Decompiler, mohou zkontrolovat SWF a extrahovat obrázky, zvuky, fonty a skripty pro ruční přestavbu. Dekompilovaný ActionScript může být neúplný nebo obtížně udržovatelný a neobnoví původní projekt vytvořený v autorském nástroji.

Otestujte výslednou stránku v cílových desktopových a mobilních prohlížečích. Před publikováním na webu HTTPS nahraďte média nebo datové koncové body dostupné pouze přes HTTP, protože prohlížeče blokují požadavky na smíšený obsah.