JMiur [E]

Aunque dentro de algún tiempo (o cuando se les ocurra), >Microsoft eliminará el “Click para activar” que se muestra en Internet Explorer si queremos interactuar con Flash, hay una forma bastante más sencilla y segura de agregar este tipo de archivos en una página web incluyendo Blogger.


Normalmente, utilizamos una etiqueta OBJECT y, en muchos casos, los códigos que copiamos de algún sitio incluyen la etiqueta EMBED. El problema de estas etiquetas es que no pueden detectar si el navegador posee el plugin correcto y, en IE suele aparecer alguna ventana donde se le pide al usuario autorización para instalar el ActiveX correspondiente.

Sin embargo, hay una pequeña librería de JavaScript que puede resolver varios de estos inconvenientes. Se trata de SWFobject que puede ser descargada en un archivo de formato ZIP que además incluye ejemplos, el código fuente y algunas explicaciones breves para utilizarla.

De todo eso, lo único que necesitamos es el script en si mismo: swfobject.js que debemos alojar en un servidor y luego cargarlo en la plantilla, justo antes de </HEAD>:
<script type="text/javascript" src="URL_swfobject.js"></script>
Luego, cuando queremos insertar un objeto Flash, simplemente agregamos lo siguiente, exactamente donde deseemos mostrarlo:
<div id="flashcontent">texto advertencia javascript deshabilitado</div>
<script type="text/javascript">
var so = new SWFObject("URL_archivo.swf", "unNombre", "elAncho", "elAlto", "v", "elColor");
so.write("flashcontent");
</script>
Donde:

URL_archivo.swf será la dirección URL del archivo a mostrar
unNombre es un identificador único a nuestro gusto
elAncho es el ancho de la animación, expresado en pixeles
elAlto es el alto de la animación, expresado en pixeles
v es la versión mínima aceptable (si no se sabe, colocar 8)
elColor es el color de fondo de la animación si es que esta es transparente.

Si esto lo queremos colocar en un post de Blogger, todo lo escribiremos en una sola línea.

Hay otras opciones aunque no son utilizadas frecuentemente:

quality la calidad esspecificada (por defecto es high)
xiRedirectUrl es la dirección a la que se redirigirá a los usuarios una vez completada la actualización del plugin si es que el visitante decide hacerlo
redirectUrl es la dirección a la que se redirigirá a los usuarios que no tengan la versión correcta del plugin
detectKey permite deshabilitar la detección automática del plugin

Lo que hará el script es verificar si el navegador del visitante posee el plugin adecuado y, actuará en consecuencia, sugiriendo la instalación o mostrando la animación.

En principio, SWFObject funciona en Internet Explorer 5|6|7, Netscape, Firefox y Opera.

Un ejemplo:
var so = new SWFObject("movie.swf", "mymovie", "200", "100", "6.0.65", "#336699");
También es posible agregar parámetros especiales, cualquiera de los soportados por Adobe Flash. Por ejemplo:
<script type="text/javascript">
var so = new SWFObject("movie.swf", "mymovie", "400", "100%", "8", "#336699");
so.addParam("quality", "low");
so.addParam("wmode", "transparent");
so.addParam("salign", "t");
so.write("flashcontent");
</script>
Para los desarrolladores de archivos de Flash, el script admite también interactuar con variables. Por ejemplo:
<script type="text/javascript">
var so = new SWFObject("movie.swf", "mymovie", "400", "200", "8", "#336699");
so.addVariable("variable1", "value1");
so.addVariable("variable2", "value2");
so.addVariable("variable3", "value3");
so.write("flashcontent");
</script>
En la página del autor hay muchas más explicaciones sobre el uso de funciones avanzadas.

13 comentarios:

Anónimo  

Es posible que el script no funcione con Blogger en algunos casos? No logro que funcione con el reproductor MediaPlayer de www.jeroenwijering.com

Responder
Gem@  

Muy bueno, habrá que probarlo ;)

Responder
JMiur  

El reproductor de jeroenwijering requiere el uso de la librería SWFobject para funcionar así que es posible que eso produzca el problema.

Responder
Anónimo  

El tema es que si al código que inserto en Blogger lo utilizo desde una página web 'normal' (fuera de Blogger) el reproductor funciona perfectamente !!! Alguna idea al respecto??

Responder
JMiur  

Lo miraré, si veo algo te aviso.

Responder
Anónimo  

Hola Jmiur, en términos de carga de blog, que me convendría más:
Insertar el archivo flash de este modo, o hacerlo con LightWindow?. Gracias Dr.

Responder
Anónimo  

hola bueno apenas estoy haciendo mi propia pagina y ps no se como hacer que una animacion suba a un host gratuito desde dreamweaver en pocas palabras el menu esta hecho en flash y no se ve nada en la pagina como hago no tengo ni idea

Responder
JMiur  

habría que verlo online. Puede ser muchas cosas. Puedes subir el SWF a ImageShack.

Responder
Anónimo  

Muy buena la sugerencia, aunque me genero al probarlo 2 dudas:
1ra. me dio problemas al cargar más de una animación Flahs en la sidebar, la segunda no sale, queda el mesaje de error, aunque he usado un identificador distinto...
2da. como podría hacer para que desde esta animación pudiera linkear hacia otro punto de mi blog?
PD. no tengo casi ningún conocimiento de Flash pero uso el FlashSprig en PowerPoint, lo aclaro por que quizás el linkear se pueda hacer dentro de Flash, algo que quizás no conozca...
antonio

Responder
JMiur  

El problema del SWF que no se ve puede ser del mismo archivo. Habría que verlo online.

Lo de hacer que desde Flash se abra otra página, eso debe hacerse dentro del mismo SWF, al crearlo y además, debe insertarse la etiquete PARAM correspondiente para permitirlo. Por ejemplo:
<param name="allowScriptAccess" value="always" />

Responder
Staff  

Bueno en relación con el tema de las entradas relacionadas con imágenes. Donde dice: Tiene tres partes; la primera es el script en si mismo que es el que puede descargarse completo en este archivo de texto...Pero no se puede descargar porque no despliega nada. Podrías por favor enviarme el enlace más actualizado para saber el código. Gracias y saludos

JMiur  

Tal como dice la nota que está sobre el botón para comentar, "Todos los archivos y demos ... pueden accederse a través de SkyDrive".

Si bien SkyDrive ya no existe como tal, el link general sigue funcionando
y re-direcciona de:
http://cid-9e6e2ced59738fb5.skydrive.live.com/browse.aspx/ZIPS
a:
https://onedrive.live.com/?cid=9e6e2ced59738fb5&id=9E6E2CED59738FB5!147

donde podrás ver todos los archivos y es cosa de buscar entre ellos si es que aún existe y no ha sido borrado porque se trata de algo muy viejo y en esos cambios que hacen los sistemas, siempre pierden algo

Responder
Staff  

Disculpa que haya hecho el comentario anterior en este tema, pero ya están cerrados los otros. Hasta luego.

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