Darmowy konwerter online SWF do HTML

Obecne przeglądarki nie zawierają już Flash Player, dlatego starsze gry, animacje, moduły szkoleniowe i banery .swf wymagają strony opartej na HTML do dostarczania w sieci. Rezultatem może być wrapper HTML uruchamiający oryginalny SWF za pomocą emulatora lub przebudowana aplikacja HTML5, jeśli dostępny jest projekt źródłowy.

Czym jest format SWF

SWF to skompilowany binarny format dostarczania treści Adobe Flash. Może zawierać grafikę wektorową, obrazy bitmapowe, fonty, animacje osi czasu, dźwięk, wideo, przyciski oraz kod ActionScript.

Adobe Flash Professional, później przemianowany na Adobe Animate, tworzył pliki SWF z edytowalnych projektów .fla; Apache Flex również tworzył aplikacje SWF. Starsze strony internetowe, pakiety e-learningowe, gry przeglądarkowe, reklamy, systemy pomocy i zarchiwizowane interaktywne multimedia często zawierają pliki SWF.

SWF zwykle nie jest edytowalnym źródłem. Oryginalny projekt .fla lub .xfl jest znacznie bardziej przydatny do natywnej przebudowy w HTML5, ponieważ zachowuje strukturę osi czasu, zasoby biblioteki i informacje o tworzeniu.

Czym jest format HTML

HTML to tekstowy format znaczników definiujący strukturę strony internetowej. Plik .html może odwoływać się do JavaScript, CSS, obrazów, fontów, dźwięku, wideo, Canvas, SVG, WebGL i innych plików pomocniczych.

HTML działa w obecnych przeglądarkach bez wtyczki Flash i może być hostowany na standardowym serwerze internetowym, osadzony w istniejącej witrynie oraz udostępniany za pomocą adresu URL. W przypadku dawnych treści Flash HTML jest zwykle warstwą dostarczania dla emulatora albo zastępczego kodu JavaScript i zasobów multimedialnych.

HTML nie wykonuje natywnie kodu ActionScript ani nie dekoduje treści SWF. Opublikowany rezultat może być zatem stroną opartą na emulatorze, wyodrębnionymi zasobami, wideo lub ręcznie przebudowaną aplikacją internetową, a nie bezpośrednim tłumaczeniem na edytowalny HTML i JavaScript.

Konwertowanie pliku SWF do HTML

Aby uzyskać pakiet wynikowy możliwy do wyświetlenia w przeglądarce, prześlij plik .swf do bezpłatnego konwertera na 101convert.com, wybierz wynik HTML i pobierz wygenerowane pliki. Zachowaj razem pobrany plik HTML, pliki JavaScript, foldery zasobów oraz ewentualny zachowany plik SWF; przeniesienie wyłącznie pliku index.html zwykle powoduje uszkodzenie strony.

Przetestuj wynik w aktualnej przeglądarce, w tym menu, przyciski, obsługę klawiatury, dźwięk, wideo, formularze i nawigację. Jeśli bezpośrednie otwarcie pliku HTML powoduje blokowanie zasobów lub błędy WebAssembly, udostępnij jego folder lokalnie:

python -m http.server 8000

Następnie otwórz http://localhost:8000. Prześlij kompletny folder wynikowy na serwer internetowy, aby udostępnić go publicznie.

Korzystanie z oryginalnego projektu, jeśli jest dostępny

Jeśli istnieje edytowalny plik .fla lub .xfl, użyj Adobe Animate zamiast konwertować skompilowany SWF. Otwórz projekt i użyj File → Convert To Other Document Formats → HTML5 Canvas, jeśli ma to zastosowanie, a następnie skonfiguruj wynik w File → Publish Settings i wybierz File → Publish.

Dokumenty Animate HTML5 Canvas korzystają z JavaScript i CreateJS. Kod ActionScript 2 lub ActionScript 3, komponenty Flash, obiekty wideo, filtry i niektóre tryby mieszania nie są automatycznie konwertowane na działający kod przeglądarkowy; funkcje te należy odtworzyć za pomocą JavaScript i standardowych web APIs. Wdróż wygenerowane pliki HTML, JavaScript, obrazów, fontów i multimediów jako jeden pakiet.

Zachowanie opublikowanego SWF za pomocą Ruffle

Gdy pozostał tylko skompilowany SWF, Ruffle jest zwykle najbardziej praktycznym sposobem zachowania interaktywności. Ruffle to open-source’owy emulator Flash skompilowany do WebAssembly; strona HTML ładuje Ruffle i oryginalny plik .swf, dzięki czemu SWF pozostaje częścią wdrożenia, zamiast stawać się edytowalnym JavaScript.

Pobierz self-hosted web build Ruffle, umieść jego pliki obok SWF i użyj aktualnego szablonu osadzania self-hosting projektu na stronie HTML. Ustaw ścieżkę do SWF oraz zamierzone wymiary wyświetlania, a następnie testuj za pośrednictwem serwera HTTP lub HTTPS, a nie adresu file://.

Kompatybilność i ograniczenia jakości

Kompatybilność Ruffle różni się w zależności od wersji Flash i środowiska uruchomieniowego. Treści AVM1, zwykle związane ze starszymi plikami ActionScript 1 i 2, są na ogół obsługiwane bardziej zaawansowanie niż AVM2/ActionScript 3. Treści korzystające z nieobsługiwanych API, zastrzeżonych kodeków wideo, kamer internetowych, mikrofonów, DRM, lokalnych obiektów współdzielonych, integracji z przeglądarką lub niedostępnych endpointów serwera mogą nie działać albo zachowywać się inaczej.

Eksport animacji do MP4 lub WebM może zachować widoczny ruch i dźwięk, ale usuwa gry, quizy, przyciski, pola wprowadzania oraz logikę ActionScript. Tej opcji używaj wyłącznie w przypadku treści, które nie wymagają interakcji.

Narzędzia takie jak JPEXS Free Flash Decompiler mogą analizować SWF i wyodrębniać obrazy, dźwięki, fonty oraz skrypty na potrzeby ręcznej przebudowy. Zdekompilowany ActionScript może być niekompletny lub trudny w utrzymaniu i nie przywraca oryginalnego projektu.

Przetestuj końcową stronę w docelowych przeglądarkach desktopowych i mobilnych. Przed publikacją w witrynie HTTPS zastąp zasoby multimedialne lub endpointy danych działające wyłącznie przez HTTP, ponieważ przeglądarki blokują żądania mixed-content.