JMiur [E]

Swiffty es una herramienta de Google que convierte archivos de SWF de Flash en HTML5 y, pese a ser experimental, lo hace bastante bien con las limitaciones obvias de todo conversor, claro, ya que no funcionará en muchos casos y no tendrá sonidos pero de todos modos es más que interesante.

Lamentablemente, como para muchos, Chrome se ha transformado en el nuevo Dios Digital, la información que nos dan sobre el tema es errónea porque, en lugar de probar y ver y sacar conclusiones propias, hay quienes se limitan a repetir como loros lo que el mismo Google afirma, pese a que esa afirmación es falsa.


Uno entra en Swiffy y le aparece un cartel de advertencia diciendo que esto no funcionará en nuestro navegador (Firefox, por ejemplo) y claro, uno le hace caso porque es posible que así sea y quiere probar algo desconocido así que mejor seguir las reglas pero, uno también es de esos que usa el viejo método de ver para creer así que no se resigna a seguir las reglas a piejuntilla.

No, no es sólo por llevar la contra sino porque uno lee que lo que hace la herramienta es utilizar gráficos de tipo SVG (Scalable Vector Graphics) y esa clase de contenido, hace rato que está disponible en otros navegadores por lo tanto, es probable que también funcione y claro, así es; Firefox 5 lo muestra bastante bien, dependiendo del contenido ya que este tipo de cosas es algo que los navegadores van incorporando poco a poco y, como aún hay una monstruosa guerra de empresas e intereses, cada uno lo hace a su modo o como puede:

Tampoco lo de "HTML5" es tan así. Las etiquetas y scripts necesarios para mostrar este tipo de gráficos son genéricas así que pueden ser usadas en casi cualquier tipo de página web.

Basta de quejas que no le importan a nadie. Usé la herramienta para hacer pruebitas y funciona.

Uno selecciona el archivo SWF a convertir, acepta las condiciones y nos muestra el resultado junto con el original. Si vamos para abajo, allí veremos un enlace con la URL del archivo html que podemos descargar y utilizar en cualquier parte. Si lo abrimos con el block de notas, veremos algo así:
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Swiffy output</title>
    <script src="http://www.gstatic.com/swiffy/v1/runtime.js"></script>
    <script> swiffyobject = { ... una larguísima cantidad de código ... }; </script>
    </head>
  <body style="overflow:hidden;margin:0;">
    <script>var stage = new swiffy.Stage(document.body, swiffyobject);</script>
    <script>stage.start();</script>
  </body>
</html>
Lo voy a poner en Blogger, olvidándome del HTML5; obvio, como es largo, lo pondré en un blog auxiliar copiando y pegando sólo los scripts; unos en el head y los otros en una entrada. Eso es todo, ahora, basta insertarlo con un IFRAME:


Un par de ejemplos más que se encuentran en l galería de Swiffy:

8 comentarios:

MyM  

Hola JM. Gracias por estas clases tan magistrales que nos regalas cada día.
Un gusto visitarte.

Cordiales saludos.

Responder
Unknown  

Bro una pregunta como lograste el efecto de que cuando presione la imagen del ejemplo, se pueda expandir y reproducir??

salu2!

Responder
JMiur  

Usando un script para generar ventanas modales; en este caso: LightWindow pero hay muchas otras.

Responder
the nigthmare  

y como lo abro con el blog de notas??? :S

Responder
JMiur  

Como cualquier otro archivo. Seleccionándolo o arrastrádolo.

Responder
zzzz  

hola, yo he convertido una pagina web que he hecho en flash, pero no me deja editarla despues en dw, ni puedo centrarla, ni nada... tienes alguna sugerencia, o me toca rehacerla en html??

Responder
JMiur  

Si es un SWF debes insertarlo y centrarlo. No ´se cómo está hecho ni cómo se ve.

Responder
rbn  

Me encanta este blog, siempre que busco algo lo encuentro acá.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR