Convertidor online gratuito de SWF a HTML

Los navegadores actuales ya no incluyen Flash Player, por lo que los juegos, animaciones, módulos de capacitación y banners heredados .swf necesitan una página basada en HTML para su distribución web. El resultado puede ser un contenedor HTML que ejecute el SWF original mediante un emulador, o una aplicación HTML5 reconstruida cuando el proyecto de origen está disponible.

Qué es el formato SWF

SWF es el formato binario compilado de distribución de Adobe Flash. Puede contener gráficos vectoriales, imágenes bitmap, fuentes, animaciones de línea de tiempo, audio, video, botones y código ActionScript.

Adobe Flash Professional, posteriormente renombrado como Adobe Animate, producía archivos SWF a partir de proyectos editables .fla; Apache Flex también producía aplicaciones SWF. Los sitios web heredados, paquetes de e-learning, juegos de navegador, anuncios, sistemas de ayuda y contenidos multimedia interactivos archivados suelen contener archivos SWF.

Normalmente, un SWF no es el código fuente editable. El proyecto original .fla o .xfl es mucho más útil para una reconstrucción nativa en HTML5, ya que conserva la estructura de la línea de tiempo, los recursos de la biblioteca y la información de autoría.

Qué es el formato HTML

HTML es el formato de marcado basado en texto que define la estructura de una página web. Un archivo .html puede hacer referencia a JavaScript, CSS, imágenes, fuentes, audio, video, Canvas, SVG, WebGL y otros archivos auxiliares.

HTML se ejecuta en los navegadores actuales sin un plug-in de Flash y puede alojarse en un servidor web estándar, integrarse en un sitio existente y compartirse mediante una URL. Para los contenidos Flash antiguos, HTML suele ser la capa de distribución de un emulador o de recursos JavaScript y multimedia de reemplazo.

HTML no ejecuta ActionScript ni decodifica contenido SWF de forma nativa. Por lo tanto, el resultado publicado puede ser una página compatible con un emulador, recursos extraídos, video o una aplicación web reconstruida manualmente, en lugar de una traducción directa a HTML y JavaScript editables.

Convertir un archivo SWF a HTML

Para obtener un paquete visible en un navegador, carga el archivo .swf en el conversor gratuito de 101convert.com, selecciona la salida HTML y descarga los archivos generados. Mantén juntos el archivo HTML descargado, los archivos JavaScript, las carpetas de recursos y cualquier archivo SWF conservado; mover únicamente index.html normalmente provoca que la página deje de funcionar.

Prueba el resultado en un navegador actual, incluidos los menús, botones, entrada de teclado, sonido, video, formularios y navegación. Si al abrir directamente el archivo HTML se bloquean los recursos o aparecen errores de WebAssembly, sirve su carpeta localmente:

python -m http.server 8000

Luego abre http://localhost:8000. Sube la carpeta de salida completa a un servidor web para uso público.

Usar el proyecto original cuando esté disponible

Cuando exista un archivo editable .fla o .xfl, utiliza Adobe Animate en lugar de convertir el SWF compilado. Abre el proyecto y usa File → Convert To Other Document Formats → HTML5 Canvas cuando corresponda; después, configura la salida en File → Publish Settings y selecciona File → Publish.

Los documentos HTML5 Canvas de Animate utilizan JavaScript y CreateJS. El código ActionScript 2 o ActionScript 3, los componentes Flash, los objetos de video, los filtros y algunos modos de fusión no se convierten automáticamente en código funcional para el navegador; reconstruye esas funciones con JavaScript y las API web estándar. Implementa los archivos HTML, JavaScript, de imágenes, fuentes y multimedia generados como un solo paquete.

Conservar un SWF publicado con Ruffle

Cuando solo queda el SWF compilado, Ruffle suele ser la forma más práctica de conservar la interactividad. Ruffle es un emulador de Flash de código abierto compilado a WebAssembly; una página HTML carga Ruffle y el .swf original, por lo que el SWF sigue formando parte de la implementación en lugar de convertirse en JavaScript editable.

Descarga la compilación web autoalojada de Ruffle, coloca sus archivos junto al SWF y utiliza la plantilla de inserción de autoalojamiento actual del proyecto en una página HTML. Establece la ruta del SWF y las dimensiones de visualización previstas, y luego prueba desde un servidor HTTP o HTTPS en lugar de una URL file://.

Compatibilidad y límites de calidad

La compatibilidad de Ruffle varía según la versión de Flash y el entorno de ejecución. El contenido AVM1, comúnmente asociado con archivos ActionScript 1 y 2 antiguos, suele ser más compatible que AVM2/ActionScript 3. El contenido que utiliza API no compatibles, códecs de video propietarios, cámaras web, micrófonos, DRM, objetos compartidos locales, integraciones con el navegador o endpoints de servidor no disponibles puede fallar o comportarse de manera diferente.

Exportar una animación como MP4 o WebM puede conservar el movimiento visible y el audio, pero elimina los juegos, cuestionarios, botones, campos de entrada y la lógica ActionScript. Utiliza esta opción únicamente para contenidos que no necesiten interacción.

Herramientas como JPEXS Free Flash Decompiler pueden inspeccionar un SWF y extraer imágenes, sonidos, fuentes y scripts para una reconstrucción manual. El ActionScript decompilado puede estar incompleto o ser difícil de mantener, y no restaura el proyecto de autoría original.

Prueba la página final en los navegadores de escritorio y móviles previstos. Sustituye los recursos multimedia o endpoints de datos que solo funcionen con HTTP antes de publicar en un sitio HTTPS, ya que los navegadores bloquean las solicitudes de contenido mixto.