Conversor online gratuito de SWF para HTML

Os navegadores atuais não incluem mais o Flash Player, portanto jogos, animações, módulos de treinamento e banners legados em .swf precisam de uma página baseada em HTML para serem disponibilizados na web. O resultado pode ser um wrapper HTML que executa o SWF original por meio de um emulador ou um aplicativo HTML5 reconstruído quando o projeto-fonte está disponível.

O que é o formato SWF

SWF é o formato binário compilado de distribuição do Adobe Flash. Ele pode conter arte vetorial, imagens bitmap, fontes, animação em linha do tempo, áudio, vídeo, botões e código ActionScript.

O Adobe Flash Professional, posteriormente renomeado para Adobe Animate, produzia arquivos SWF a partir de projetos .fla editáveis; o Apache Flex também produzia aplicativos SWF. Sites legados, pacotes de e-learning, jogos de navegador, anúncios, sistemas de ajuda e mídias interativas arquivadas geralmente contêm arquivos SWF.

Um SWF normalmente não é o código-fonte editável. O projeto original .fla ou .xfl é muito mais útil para uma reconstrução nativa em HTML5, pois preserva a estrutura da linha do tempo, os ativos da biblioteca e as informações de autoria.

O que é o formato HTML

HTML é o formato de marcação baseado em texto que define a estrutura de uma página da web. Um arquivo .html pode fazer referência a JavaScript, CSS, imagens, fontes, áudio, vídeo, Canvas, SVG, WebGL e outros arquivos de suporte.

O HTML é executado nos navegadores atuais sem um plug-in do Flash e pode ser hospedado em um servidor web padrão, incorporado a um site existente e compartilhado por URL. Para conteúdo Flash antigo, o HTML geralmente é a camada de distribuição de um emulador ou de JavaScript e ativos de mídia substitutos.

O HTML não executa ActionScript nem decodifica conteúdo SWF nativamente. Portanto, um resultado publicado pode ser uma página baseada em emulador, ativos extraídos, vídeo ou um aplicativo web reconstruído manualmente, em vez de uma tradução direta para HTML e JavaScript editáveis.

Converter um arquivo SWF para HTML

Para obter um pacote de saída visualizável no navegador, carregue o arquivo .swf no conversor gratuito em 101convert.com, selecione a saída HTML e baixe os arquivos gerados. Mantenha o arquivo HTML baixado, os arquivos JavaScript, as pastas de ativos e qualquer arquivo SWF mantido juntos; mover apenas o index.html geralmente faz a página deixar de funcionar.

Teste a saída em um navegador atual, incluindo menus, botões, entrada pelo teclado, som, vídeo, formulários e navegação. Se abrir o arquivo HTML diretamente causar bloqueio de ativos ou erros de WebAssembly, disponibilize a pasta localmente:

python -m http.server 8000

Em seguida, abra http://localhost:8000. Carregue a pasta de saída completa em um servidor web para uso público.

Use o projeto original quando disponível

Quando existir um arquivo .fla ou .xfl editável, use o Adobe Animate em vez de converter o SWF compilado. Abra o projeto e use File → Convert To Other Document Formats → HTML5 Canvas quando aplicável, depois configure a saída em File → Publish Settings e selecione File → Publish.

Os documentos Animate HTML5 Canvas usam JavaScript e CreateJS. Código ActionScript 2 ou ActionScript 3, componentes Flash, objetos de vídeo, filtros e alguns modos de mesclagem não são convertidos automaticamente em código funcional para o navegador; reconstrua essas funções com JavaScript e APIs web padrão. Implante os arquivos HTML, JavaScript, de imagem, de fonte e de mídia gerados como um único pacote.

Preservar um SWF publicado com Ruffle

Quando resta apenas o SWF compilado, o Ruffle geralmente é a maneira mais prática de manter a interatividade. Ruffle é um emulador de Flash de código aberto compilado para WebAssembly; uma página HTML carrega o Ruffle e o .swf original, portanto o SWF continua fazendo parte da implantação em vez de se tornar JavaScript editável.

Baixe a compilação web auto-hospedada do Ruffle, coloque os arquivos ao lado do SWF e use o modelo atual de incorporação para auto-hospedagem do projeto em uma página HTML. Defina o caminho do SWF e as dimensões de exibição desejadas, depois teste usando um servidor HTTP ou HTTPS, em vez de uma URL file://.

Limites de compatibilidade e qualidade

A compatibilidade do Ruffle varia conforme a versão do Flash e o runtime. O conteúdo AVM1, geralmente associado a arquivos mais antigos de ActionScript 1 e 2, é em geral mais maduro do que o suporte a AVM2/ActionScript 3. Conteúdo que usa APIs não compatíveis, codecs de vídeo proprietários, webcams, microfones, DRM, objetos compartilhados locais, integrações com o navegador ou endpoints de servidor indisponíveis pode falhar ou se comportar de maneira diferente.

Exportar uma animação como MP4 ou WebM pode preservar o movimento visível e o áudio, mas remove jogos, questionários, botões, campos de entrada e a lógica do ActionScript. Use essa opção somente para conteúdo que não precisa de interação.

Ferramentas como o JPEXS Free Flash Decompiler podem inspecionar um SWF e extrair imagens, sons, fontes e scripts para uma reconstrução manual. O ActionScript decompilado pode estar incompleto ou ser difícil de manter e não restaura o projeto de autoria original.

Teste a página final nos navegadores para desktop e dispositivos móveis desejados. Substitua as mídias ou os endpoints de dados disponíveis apenas por HTTP antes de publicar em um site HTTPS, pois os navegadores bloqueiam solicitações de conteúdo misto.