Konverter online gratis SWF ke HTML

Browser saat ini tidak lagi menyertakan Flash Player, sehingga game, animasi, modul pelatihan, dan banner lama .swf memerlukan halaman berbasis HTML untuk penyampaian melalui web. Hasilnya dapat berupa wrapper HTML yang menjalankan SWF asli melalui emulator, atau aplikasi HTML5 yang dibuat ulang jika source project tersedia.

Apa itu format SWF

SWF adalah format penyampaian binary terkompilasi milik Adobe Flash. Format ini dapat berisi artwork vector, gambar bitmap, font, animasi timeline, audio, video, tombol, dan kode ActionScript.

Adobe Flash Professional, yang kemudian berganti nama menjadi Adobe Animate, menghasilkan file SWF dari project .fla yang dapat diedit; Apache Flex juga menghasilkan aplikasi SWF. Website lama, paket e-learning, browser game, iklan, sistem bantuan, dan media interaktif yang diarsipkan umumnya berisi file SWF.

SWF biasanya bukan source yang dapat diedit. Project .fla atau .xfl asli jauh lebih berguna untuk pembuatan ulang HTML5 native karena mempertahankan struktur timeline, aset library, dan informasi authoring.

Apa itu format HTML

HTML adalah format markup berbasis teks yang menentukan struktur halaman web. File .html dapat mereferensikan JavaScript, CSS, gambar, font, audio, video, Canvas, SVG, WebGL, dan file pendukung lainnya.

HTML berjalan di browser saat ini tanpa plug-in Flash dan dapat di-host pada web server standar, disematkan ke site yang sudah ada, serta dibagikan melalui URL. Untuk konten Flash lama, HTML biasanya menjadi layer penyampaian bagi emulator atau aset JavaScript dan media pengganti.

HTML tidak dapat menjalankan ActionScript atau melakukan decode konten SWF secara native. Oleh karena itu, hasil yang dipublikasikan dapat berupa halaman yang didukung emulator, aset yang diekstrak, video, atau aplikasi web yang dibuat ulang secara manual, bukan terjemahan langsung menjadi HTML dan JavaScript yang dapat diedit.

Mengonversi file SWF ke HTML

Untuk package output yang dapat dilihat di browser, upload file .swf ke converter gratis di 101convert.com, pilih output HTML, lalu download file yang dihasilkan. Simpan file HTML yang didownload, file JavaScript, folder aset, dan file SWF yang dipertahankan secara bersamaan; memindahkan hanya index.html biasanya menyebabkan halaman rusak.

Uji output di browser saat ini, termasuk menu, tombol, input keyboard, suara, video, formulir, dan navigasi. Jika membuka file HTML secara langsung menyebabkan aset terblokir atau error WebAssembly, jalankan folder tersebut secara lokal:

python -m http.server 8000

Kemudian buka http://localhost:8000. Upload seluruh folder output ke web server untuk penggunaan publik.

Gunakan project asli jika tersedia

Jika file .fla atau .xfl yang dapat diedit tersedia, gunakan Adobe Animate alih-alih mengonversi SWF yang telah dikompilasi. Buka project tersebut dan gunakan File → Convert To Other Document Formats → HTML5 Canvas jika berlaku, lalu konfigurasikan output di File → Publish Settings dan pilih File → Publish.

Dokumen Animate HTML5 Canvas menggunakan JavaScript dan CreateJS. Kode ActionScript 2 atau ActionScript 3, komponen Flash, objek video, filter, dan beberapa blend mode tidak dikonversi menjadi kode browser yang berfungsi secara otomatis; buat ulang fungsi tersebut dengan JavaScript dan web API standar. Deploy file HTML, JavaScript, gambar, font, dan media yang dihasilkan sebagai satu package.

Mempertahankan SWF yang dipublikasikan dengan Ruffle

Jika hanya SWF yang telah dikompilasi yang tersisa, Ruffle biasanya merupakan cara yang paling praktis untuk mempertahankan interaktivitas. Ruffle adalah emulator Flash open-source yang dikompilasi ke WebAssembly; halaman HTML memuat Ruffle dan .swf asli, sehingga SWF tetap menjadi bagian dari deployment dan tidak berubah menjadi JavaScript yang dapat diedit.

Download web build self-hosted Ruffle, letakkan file-file tersebut di samping SWF, lalu gunakan template embed self-hosting terbaru dari project tersebut di halaman HTML. Atur path SWF dan dimensi tampilan yang diinginkan, kemudian lakukan pengujian dari server HTTP atau HTTPS, bukan dari URL file://.

Kompatibilitas dan batasan kualitas

Kompatibilitas Ruffle bervariasi berdasarkan versi Flash dan runtime. Konten AVM1, yang umumnya berkaitan dengan file ActionScript 1 dan 2 yang lebih lama, biasanya lebih matang daripada dukungan AVM2/ActionScript 3. Konten yang menggunakan API yang tidak didukung, codec video proprietary, webcam, mikrofon, DRM, local shared object, integrasi browser, atau endpoint server yang tidak tersedia dapat gagal atau berperilaku berbeda.

Mengekspor animasi sebagai MP4 atau WebM dapat mempertahankan gerakan dan audio yang terlihat, tetapi menghapus game, kuis, tombol, kolom input, dan logika ActionScript. Gunakan opsi ini hanya untuk konten yang tidak memerlukan interaksi.

Tool seperti JPEXS Free Flash Decompiler dapat memeriksa SWF dan mengekstrak gambar, suara, font, serta script untuk pembuatan ulang secara manual. ActionScript hasil dekompilasi mungkin tidak lengkap atau sulit dipelihara dan tidak memulihkan project authoring asli.

Uji halaman final di browser desktop dan mobile target. Ganti media atau endpoint data yang hanya menggunakan HTTP sebelum memublikasikannya di site HTTPS, karena browser memblokir request mixed-content.