Convertitore online gratuito da SWF a HTML

I browser attuali non includono più Flash Player, quindi i giochi, le animazioni, i moduli di formazione e i banner legacy .swf richiedono una pagina basata su HTML per la distribuzione sul web. Il risultato può essere un wrapper HTML che esegue il SWF originale tramite un emulatore oppure un’applicazione HTML5 ricostruita, quando il progetto sorgente è disponibile.

Cos’è il formato SWF

SWF è il formato binario compilato per la distribuzione di Adobe Flash. Può contenere grafica vettoriale, immagini bitmap, font, animazioni della timeline, audio, video, pulsanti e codice ActionScript.

Adobe Flash Professional, in seguito rinominato Adobe Animate, produceva file SWF da progetti .fla modificabili; anche Apache Flex produceva applicazioni SWF. I siti web legacy, i pacchetti di e-learning, i giochi per browser, le pubblicità, i sistemi di guida e i contenuti interattivi archiviati contengono comunemente file SWF.

Normalmente uno SWF non è il sorgente modificabile. Il progetto originale .fla o .xfl è molto più utile per una ricostruzione HTML5 nativa, perché conserva la struttura della timeline, gli asset della libreria e le informazioni di authoring.

Cos’è il formato HTML

HTML è il formato di markup basato su testo che definisce la struttura di una pagina web. Un file .html può fare riferimento a JavaScript, CSS, immagini, font, audio, video, Canvas, SVG, WebGL e altri file di supporto.

HTML viene eseguito nei browser attuali senza un plug-in Flash e può essere ospitato su un normale web server, incorporato in un sito esistente e condiviso tramite URL. Per i contenuti Flash precedenti, HTML è generalmente il livello di distribuzione per un emulatore o per JavaScript e asset multimediali sostitutivi.

HTML non esegue nativamente ActionScript né decodifica i contenuti SWF. Un risultato pubblicato può quindi essere una pagina basata su un emulatore, asset estratti, un video o un’applicazione web ricostruita manualmente, anziché una traduzione diretta in HTML e JavaScript modificabili.

Convertire un file SWF in HTML

Per ottenere un pacchetto visualizzabile nel browser, carica il file .swf nel convertitore gratuito di 101convert.com, seleziona l’output HTML e scarica i file generati. Mantieni insieme il file HTML scaricato, i file JavaScript, le cartelle degli asset e qualsiasi file SWF conservato; spostare solo index.html di solito causa il malfunzionamento della pagina.

Verifica l’output in un browser attuale, inclusi menu, pulsanti, input da tastiera, audio, video, moduli e navigazione. Se l’apertura diretta del file HTML causa il blocco degli asset o errori WebAssembly, servi localmente la relativa cartella:

python -m http.server 8000

Quindi apri http://localhost:8000. Carica l’intera cartella di output su un web server per l’utilizzo pubblico.

Usare il progetto originale quando disponibile

Quando esiste un file .fla o .xfl modificabile, usa Adobe Animate invece di convertire lo SWF compilato. Apri il progetto e usa File → Convert To Other Document Formats → HTML5 Canvas ove applicabile, quindi configura l’output in File → Publish Settings e seleziona File → Publish.

I documenti Animate HTML5 Canvas usano JavaScript e CreateJS. Il codice ActionScript 2 o ActionScript 3, i componenti Flash, gli oggetti video, i filtri e alcune modalità di fusione non vengono convertiti automaticamente in codice funzionante nel browser; ricostruisci queste funzioni con JavaScript e le API web standard. Distribuisci i file HTML, JavaScript, immagine, font e multimediali generati come un unico pacchetto.

Conservare uno SWF pubblicato con Ruffle

Quando rimane soltanto lo SWF compilato, Ruffle è generalmente il modo più pratico per mantenere l’interattività. Ruffle è un emulatore Flash open source compilato in WebAssembly; una pagina HTML carica Ruffle e lo .swf originale, quindi lo SWF rimane parte della distribuzione invece di diventare JavaScript modificabile.

Scarica la build web self-hosted di Ruffle, posiziona i relativi file accanto allo SWF e usa nella pagina HTML il template di embed self-hosting attuale del progetto. Imposta il percorso dello SWF e le dimensioni di visualizzazione desiderate, quindi esegui i test da un server HTTP o HTTPS anziché da un URL file://.

Compatibilità e limiti qualitativi

La compatibilità di Ruffle varia in base alla versione di Flash e al runtime. I contenuti AVM1, comunemente associati ai file più datati ActionScript 1 e 2, sono generalmente più maturi rispetto al supporto per AVM2/ActionScript 3. I contenuti che usano API non supportate, codec video proprietari, webcam, microfoni, DRM, local shared objects, integrazioni del browser o endpoint server non disponibili possono non funzionare o comportarsi in modo diverso.

Esportare un’animazione come MP4 o WebM può conservare il movimento visibile e l’audio, ma rimuove giochi, quiz, pulsanti, campi di input e la logica ActionScript. Usa questa opzione solo per i contenuti che non richiedono interazione.

Strumenti come JPEXS Free Flash Decompiler possono esaminare uno SWF ed estrarre immagini, suoni, font e script per una ricostruzione manuale. L’ActionScript decompilato può essere incompleto o difficile da gestire e non ripristina il progetto di authoring originale.

Testa la pagina finale nei browser desktop e mobile di destinazione. Sostituisci gli endpoint multimediali o di dati disponibili solo tramite HTTP prima di pubblicare su un sito HTTPS, perché i browser bloccano le richieste di contenuti misti.