Online konvertor SWF do HTML5 zdarma

Starší Flash bannery, školicí moduly, hry a prezentace již v současných prohlížečích nefungují, protože Adobe Flash Player byl ukončen. Přesunutí obsahu do webového balíčku HTML5 nebo jeho zabalení s kompatibilním runtime umožňuje jeho hostování a otevření bez Flash plug-inu.

Co je formát SWF

SWF je kompilovaný distribuční formát Adobe Flash. Soubor SWF může obsahovat vektorovou a rastrovou grafiku, animaci na časové ose, písma, zvuk, video, tlačítka a kód ActionScript.

Weboví vydavatelé, inzerenti, poskytovatelé e-learningu, vývojáři her a autoři prezentací běžně exportovali soubory .swf z projektů Flash Professional nebo Adobe Animate .fla. Soubor SWF je obvykle zkompilovaný výstup, nikoli upravitelný zdrojový soubor, takže jej nelze spolehlivě převést zpět na původní časové osy, symboly, skripty a zdroje.

Interaktivní soubory SWF mohou načítat externí soubory, komunikovat se servery, používat komponenty Flash nebo záviset na ActionScript 1, 2 či 3. Tyto závislosti určují, zda lze výsledek znovu vytvořit jako nativní obsah prohlížeče.

Co obsahuje výstup HTML5

HTML5 je sada webových technologií, nikoli jeden binární typ souboru. Převedený výsledek obvykle obsahuje vstupní stránku .html, JavaScript, CSS, obrázky, písma, zvuk, video a někdy také zdroje Canvas, SVG nebo WebGL.

Obsah HTML5 funguje v současných prohlížečích Chrome, Edge, Firefox, Safari a v mobilních prohlížečích bez Flash Playeru. Může využívat standardní vstup prohlížeče, responzivní rozvržení, značky pro přístupnost a běžný webhosting, s ohledem na bezpečnostní zásady prohlížeče.

Uchovávejte všechny vygenerované soubory v původní struktuře složek. Stránka HTML často odkazuje na skripty a média pomocí relativních cest, takže přesunutí pouze souboru .html způsobí chybějící zdroje nebo selhání skriptů.

Převod souboru SWF

Nahrajte soubor SWF do převodníku na 101convert.com, vyberte výstup HTML5, spusťte převod a stáhněte výsledek. Pokud je stažený soubor archiv ZIP, rozbalte celý archiv do jedné složky bez přejmenování nebo přesouvání souborů.

Před publikováním spusťte převedený balíček z místního webového serveru. V terminálu otevřeném ve výstupní složce spusťte python -m http.server 8080 a poté otevřete http://localhost:8080. Přímé načtení stránky pomocí adresy file:// může zablokovat skripty, písma, data JSON, média nebo síťové požadavky.

Otestujte každou scénu, tlačítko, textové pole, animaci, klávesový příkaz, zvukový efekt, video, chování při změně velikosti a externí odkaz. Vygenerovaný balíček HTML5 může reprodukovat vizuální obsah časové osy, přičemž interaktivní funkce ActionScript mohou zůstat nedostupné nebo neúplné.

Použití původního zdrojového projektu

Pokud je k dispozici původní soubor .fla, použijte jej místo zkompilovaného souboru SWF. Otevřete kopii v Adobe Animate a použijte Commands → Convert to Other Document Formats → HTML5 Canvas, poté zkontrolujte File → Publish Settings a publikujte převedený dokument.

Adobe Animate může ze zdrojového projektu zachovat grafiku, symboly, vrstvy a data časové osy, ale automaticky nepřekládá ActionScript na odpovídající JavaScript. Nahraďte nepodporované komponenty a přepište interaktivní logiku, načítání dat, ukládání a komunikaci se serverem v JavaScriptu nebo jiné implementaci kompatibilní s prohlížečem.

Když je k dispozici pouze soubor SWF

Pro archivaci nebo nasazení s minimem nového vývoje otestujte soubor pomocí Ruffle, open-source emulátoru Flash. Webový balíček Ruffle hostovaný na vlastním serveru může načíst původní soubor SWF v prohlížeči, ale nepřevede soubor SWF na upravitelný HTML, CSS a JavaScript.

Ruffle použijte, pokud je zachování původního chování Flash praktičtější než jeho nové vytvoření. Konkrétní soubor pečlivě otestujte: kompatibilita závisí na jeho verzi ActionScript, rozhraních API Flash, externích zdrojích a nepodporovaných funkcích.

Pro nativní nové vytvoření může JPEXS Free Flash Decompiler zkontrolovat nebo exportovat dostupné obrázky, zvuky, písma, tvary, video a ActionScript pro referenci. Dekompilovaný kód může být neúplný, obfuskovaný nebo obtížně udržovatelný; rozhraní a logiku znovu vytvořte v JavaScriptu, Canvas, SVG nebo vhodném webovém frameworku, místo abyste extrahovaný kód považovali za zdrojový kód připravený pro produkční použití.

Omezení kvality a kompatibility

• Pro interaktivní soubory SWF neexistuje univerzální bezztrátový převod. Rozhraní API specifická pro Flash, zkompilovaný ActionScript, DRM, sockety, přístup ke kameře, vlastní komponenty, filtry, masky a režimy prolnutí nemusí mít přímý ekvivalent v prohlížeči.
• ActionScript se v HTML5 nespouští nativně. Hry, zpracování formulářů, skóre, načítání XML nebo API, local storage a vlastní ovládací prvky mohou vyžadovat nové vytvoření.
• Externí soubory SWF, mediální soubory, písma a koncové body serveru musí zůstat dostupné na očekávaných cestách nebo být nahrazeny. Převod formátu nemůže obnovit nedostupnou backendovou službu.
• Porovnejte vykreslování textu, náhrady vložených písem, časování zvuku, přehrávání videa, dotykové ovládání, ovládání klávesnicí, masky a změnu měřítka v prohlížečích a velikostech obrazovek, které používá vaše cílové publikum.
• Uchovejte původní soubor SWF, případný zdrojový soubor .fla, zdroje a výstup převodu. Ověřte, že máte oprávnění k extrahování, úpravám, hostování nebo redistribuci autorsky chráněného obsahu Flash.