SWFObject Script anti-EOLAS…

Desde hace algún tiempo ha salido la protección EOLAS, que no es más que una patente que obliga a las empresas que venden sus navegadores web a pagar o poner un aviso de que estan usando un plugin, en este caso el Flash player.

Nada más como dato Eolas es una empresa nacida del seno de la Universidad de California que patentó una tecnologí­a que permite a los usuarios acceder a programas interactivos incluidos en páginas web, a través de plug-ins o applets ejecutados desde su navegador.

Los navegadores como IE y el Opera tienen esta protección, incluso el Safari deberí­a adoptarla. Navegadores como Firefox (si, Firefox Rulz!!!) no tienen por que implementar esta protección pues no es un navegador de pago (Software Libre Rulz!!!).

Hoy he aplicado SWFObject al blog, ¿Por que hasta ahora? por que soy fiel usuario FireFox y no me importaba que los inocentes usuarios de IE tuvieran que activar activar el SWF antes de usarlo. Pero me di cuenta, ¿Que culpa tiene el inocente usuario que no conoce FireFox? ninguna, esa es la respuesta asi que hoy puse la librerí­a SWFObject escrita por Geoff Stearns que además de activar el Flash Player también nos ayuda a mantener nuestro código XHTML válido :happy_tb:

Bien todo lo que tienen que hacer es descargar la libreria SWFObject, subirla a su sitio web, para poder usarla dentro de sus paginas.

Siguiendo la explicación de Geoff Stearn la utilizamos de la siguiente manera:

Llamamos al script:

JavaScript:
  1. <script type="text/javascript" src="swfobject.js"></script>

Esta lí­nea es ideal ponerla entre las etiquetas <head> </head> de tu página web.

Como verán el Atributo SRC nos dice donde esta ubicada la librerí­a, esta dirección deben cambiarla por el directorio donde subieron la libreria.

Después creamos una capa y le ponemos un nombre signifcativo, esto se debe a que en esa capa se mostrará el SWF. Deberemos crear capas con diferentes nombres de ID para insertar varios SWF.

HTML:
  1. <div id="mi_swf">
  2.   Texto de Reemplazo en caso de no existir la pelicula
  3. </div>

Y por último el script que enviará los parametros para insertar la pelicula,

JavaScript:
  1. <script type="text/javascript">
  2.    var so = new SWFObject("movie.swf", "mymovie", "200", "100", "7", "#336699");
  3.    so.write("mi_swf");
  4. </script>

La lí­nea que nos interesa es esta:

new SWFObject("PELICULA", "MI_PELICULA", "ANCHO", "ALTO", "VER. FLASH PLAYER", "COLOR_FONDO");

En la cual reemplazaremos:

  • PELICULA por la URL de nuestra archivo SWF
  • MI_PELICULA por el ID de nuestra pelicula
  • ANCHO por el width de nuestro SWF
  • ALTO por el height de nuestro SWF
  • VER. FLASH PLAYER es la versión de Fash Player que requiere nuestro SWF

También podremos agregar parametros especiales o variables, para usar por ejemplo WMODE o FLASHVARS de la siguiente manera.

Si lo que queremos es agregar un parametro, simplemente añadiremos la siguiente lí­nea:

so.addParam("wmode", "transparent");

y Si queremos agregar una variable lo hariamos así­:

so.addVariable("variable3", "value3");

y así­ logramos saltarnos a EOLAS en IE y Opera, si necesitan alguna opción que no encontraron en la explicación dirijanse a Deconcept el blog de Geoff Stearns y encontrarán más opciones y actualizaciones

Ver Ejemplo - SWFObject Script anti-EOLAS

Si tienen alguna duda acerca de Flash, no olviden visitar la comunidad BLUEForte.


bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark
tabs-top 


6 Comments »

  1. Noel says:

    :o

    Me cae que uno nunca acaba de aprender…

  2. leandono says:

    Sabes que tu eres el que mejor explica como utilizar de manera adecuada SWFObject? Me mat

  3. Jorgelig says:

    ¬¬ Maldito gato, BLUEForte no existe desde diciembre…………

  4. willy says:

    Hola com andas:
    Yo un poco desconcertado por que uso el swfobject en una de mis paginas y anda fantastico lo uso exactamente igual en otra y no hace ni pio.
    Alguna idea que me aclare pues he intentado varias cosas y nada?
    Voy aseguir intentando cualquier cosa te comento.
    Gracias.
    Muy buena tu explicaci

  5. bibiana says:

    en q parte se debe de insertar el parametro so.addParam(”wmode”, “transparent”;

    para que me quede el fondo transpàrente.
    gracias de antemano

  6. DaHouseCat says:
    <script type="text/javascript">
       var so = new SWFObject("movie.swf", "mymovie", "200", "100", "7", "#336699");
       so.addParam("wmode","transparent");
       so.write("mi&#95;swf");
    </script>
    

    De esa manera ya te acepta el parámetro, si quieres saber revisa la web del autor esta muy interesante

RSS feed for comments on this post. TrackBack URL

Leave a comment