Inicio>Recursos para la creación de sitios web>código fuente FLASH
Descargar

Ejemplo de volante

Este repositorio proporciona un ejemplo/demostración de cómo usar el volante en su propio sitio web para emular contenido flash. Ruffle es un emulador de reproductor de flash de código abierto que le permite continuar ejecutando contenido flash en los navegadores modernos.

Explicación del video: https://www.youtube.com/watch?v=tjxmgnxex24&t=81s

Pregunta de desbordamiento de la pila: https://stackoverflow.com/questions/65465492/how-to-embed-ruffle-flash-player-emulator-into-html-file/65693128#65693128

Requisitos previos

Antes de comenzar, asegúrese de tener lo siguiente:

  • Una comprensión básica de HTML, CSS y JavaScript
  • Un editor de texto o un entorno de desarrollo integrado (IDE) para modificar el código
  • Un servidor web para alojar su sitio web (puede usar localhost para fines de desarrollo)

Empezando

Para usar volante en su propio sitio web, siga estos pasos:

  1. Clon o descargue este repositorio a su máquina local. 
git clone https://github.com/maddox05/ruffle-example.git
  1. Abra el archivo index.html en un editor de texto o un ide de su elección.
  2. Localice la siguiente sección en el archivo HTML del juego: 
 <!DOCTYPE html >
< html lang =" en " >
< head >
  < meta charset =" UTF-8 " >
  < meta http-equiv =" X-UA-Compatible " content =" IE=edge " >
  < meta name =" viewport " content =" width=device-width, initial-scale=1.0 " >
  < meta name =" title " content =" Ruffle Example " >
  < meta http-equiv =" Content-Type " content =" text/html; charset=utf-8 " >
  < meta name =" language " content =" English " >
  < title > Ruffle Example </ title >
  < script src =" main.js " > </ script > 
  < noscript > Your browser doesn't have JavaScript enabled. Please enable JavaScript or switch to a browser that
    supports it. </ noscript >
</ head >
< body >
< div id =' ruffle ' class =" gameloc " > </ div >
< script src =' https://maddox05.github.io/ruffle-example/ruffle/index.js ' > </ script > <!-- Theses files should be local -->
< script id = " gabe " > swfobject . embedSWF ( "https://maddox05.github.io/ruffle-example/1on1soccer.swf" , 'ruffle' , 800 , 600 ) ; </ script > <!-- Theses files should be local -->
</ body >
</ html >
  1. Reemplace "ruta/a/su/flash.swf" con la ruta a su propio contenido flash. Asegúrese de que el archivo flash (SWF) esté ubicado en la ruta especificada.
  2. Guarde los cambios en el archivo index.html.
  3. Inicie un servidor web y navegue al sitio web local en su navegador.
  4. Ahora debería ver su contenido flash representado con volantes.

Personalización

Siéntase libre de modificar el código HTML, CSS y JavaScript para satisfacer sus necesidades. Puede cambiar el diseño, agregar más contenido flash o integrar volante en diferentes partes de su sitio web.

Compatibilidad

Ruffle está diseñado para funcionar en navegadores modernos que carecen de soporte de flash incorporado, como Google Chrome, Mozilla Firefox, Microsoft Edge y Safari. Es compatible con una amplia gama de contenido flash, que incluye animaciones, juegos y aplicaciones interactivas.

Recursos

Para obtener más información sobre Ruffle y sus características, consulte el repositorio oficial de Ruffle GitHub.

Licencia

Este sitio web de ejemplo tiene licencia bajo la licencia MIT . No dude en usarlo, modificarlo y distribuirlo de acuerdo con los términos de la licencia.

Expandir
Información adicional
Aplicaciones relacionadas
Recomendado para ti
Información relacionada Todo