Gadgets, Celulares, Telefonia, Electronic Music y mucho más…

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:

PLAIN TEXT
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.

PLAIN TEXT
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,

PLAIN TEXT
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.

¿Te ha gustado este artículo? Subscribete vía Email, para ¡recibirlos en tu correo!

¿No encontró lo que buscaba? ¡Use el buscador!

 
Escrito para el 7 de August de 2006
RSS 2.0 Trackback

6 Comentarios este tema es Hot

  1. Noel Dijo:

    :o

    Me cae que uno nunca acaba de aprender…



    Escrito el 8 de August de 2006 a las 1:39
    Usando Internet Explorer Internet Explorer 7.0b en Windows Windows XP
  2. leandono Dijo:

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



    Escrito el 20 de August de 2006 a las 18:32
    Usando Mozilla Firefox Mozilla Firefox 1.5.0.6 en Windows Windows XP
  3. Jorgelig Dijo:

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



    Escrito el 23 de February de 2007 a las 10:38
    Usando Mozilla Firefox Mozilla Firefox 2.0.0.1 en Windows Windows XP
  4. willy Dijo:

    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



    Escrito el 3 de August de 2007 a las 10:10
    Usando Mozilla Firefox Mozilla Firefox 2.0.0.6 en Windows Windows XP
  5. bibiana Dijo:

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

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



    Escrito el 13 de September de 2007 a las 12:36
    Usando Internet Explorer Internet Explorer 6.0 en Windows Windows XP
  6. DaHouseCat Dijo: 

    <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



    Escrito el 13 de September de 2007 a las 14:27
    Usando Mozilla Firefox Mozilla Firefox 2.0.0.5 en Windows Windows XP

Deja un Comentario

Hey tu! usar emoticones te hace más cool!
                                         

Comparar precios y encontrar el mejor Telefono movil con twenga !
Descarga Musica, Videos, mp3 y mucho más Tutoriales de Fireworks en Español Guirichop Bucaneros de Campeche, Baloncesto Profesional Aeromental We Love Geeks! Licencia Creativa

Escriba su e-mail:

Reciba en su correo electrónico lo más reciente
en DaHouseCats Blog

Comentarios

Suscríbete

  •  
  • Add to Twitter
  • Add to Google Reader or Homepage
  • Add to Technorati Favorites

Disclaimer:

  • DaHouseCat, no se hace responsable acerca del mal uso que se le dé a la información contenida en los artículos y / o tutoriales, quedando en absoluta responsabilidad del usuario.

Administración

  • DaHouseCat
    Posts: 499 - 100%
    Comentarios: 4666 - 100%
    Pingbacks: 96 - 100%
    Score: 10119
499 posts, generados por 1 autores.

Buscar

 

M. Instántanea

B. de Blogueros

DaHouseCat en:

Blogs Amigos

Blogs Campeche

Webs Amigas

Categorías




Archivo

Recomendados

Este blog utiliza Worpress y fue diseñado por DaHouseCat - 2007
El contenido y algunas imagenes de DaHouseCat's Blog estan bajo la licencia de
Reconocimiento-NoComercial-SinObraDerivada 2.5