Impulsos.net – Blog

Tenía muchas ganas de hablar respecto al tema ya que es muy recurrente que muchos desarrolladores web, diseñadores, entusiastas, etc. se topen con un problema recurrente en flash player a la hora de implementar técnicas como AJAX para lograr efectos visuales en el navegador del usuario final; la lista es larga: Jquery, Mootools, Lightbox, Dojo Toolkit, Modalbox por mencionar algunos.

Hablemos de un caso práctico: tienes un banner hecho en Flash el cual insertaste en el header de tu página o cualquier ubicación de la misma e implementas Modalbox para mostrar algún contenido externo (mediante el clásico efecto de obscurecer pantalla y lanzar una ventana de diálogo). Hasta aquí todo parece muy bien sin embargo al probar tu implementación te das cuenta que tu animación flash se posiciona encima de tu ventana de diálogo. Lllegado este punto comienzas a buscar alternativas para solucionar este inconveniente y te topas con la maravillosa idea de agregar una transparencia a la animación mediante la propiedad wmode.
En código insertariamos algo como esto dentro de un HTML:

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0″ width=”300″ height=”300″>
<param name=”movie” value=”animacion.swf”>
<param name=”quality” value=”high”>
<param name=”wmode” value=”transparent”>
<embed src=”animacion.swf” quality=high wmode=transparent pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”300″ height=”300″></embed</object>

Originalmente wmode solo funcionaba para Internet Explorer sin embargo el código anterior funciona para este navegador y Firefox.
Siguiendo el análisis de dicha propiedad parece ser el final de la pesadilla; pruebas el código y te das cuenta que la transparencia resolvió el problema y envia flash player al fondo cuando lanzas una ventana con ModalBox y todo es felicidad pero te encuentras con una gran desilusión ya que esto genera bastante consumo de procesador lo cual es un incoveniente para los visitantes sobre todo al contar con equipos de bajo rendimiento.
Por otra parte al intentar ver estos resultados en Linux te encuentras que wmode no funciona y regresamos nuevamente al punto donde estabamos (salvo casos especiales) el cual es que no podemos lanzar una Web que solo pueda ser vista en algunos navegadores o peor aún solo en algunos Sistemas Operativos.
Desgraciadamente esto no acaba aquí ya que wmode al no ser estandar genera otros conflictos importantes sobre todo al hacer uso de manipulación de datos como por ejemplo en el caso de formularios hechos con flash ya que en sistemas configurados al español se inhabilita el uso de caracteres como @, ç, etc.
No señores aquí no acaba todo se han documentado también conflictos con el diseño debido a que wmode a veces no respeta las etiquetas como <div> en tamaños variables y un sinfin de cosas extrañas que podrian evitarse si los desarrolladores de flash ofrecieran una solución mas viable. Por ello no me sorprende que dentro del estandar de CSS no se incluyan propiedades que tengan que ver con flash.
Mi conclusión es que debemos evitar a toda costa hacer uso de wmode y generar alternativas eficientes que no comprometan un proyecto Web, una solución viable para el caso práctico que mencionaba al principio del post es jugar con las propiedades CSS de ModalBox para que estas ventanas de diálogo aparezcan por debajo de la animación flash, realmente hay muchas soluciones solo es cuestión de creatividad.

Mas información y discusiones de wmode:

Wmode, Bienvenido al Infierno

Flash Transparente

• Campaña Webs Accesibles (0)
  Las vacaciones estan encima sin embargo aprovechando que aun...
• Comunidad de Facebook (0)
  !Mas herramientas para nuestros lectores!, tratare de ser br...
• Adobe CS5 llega a México (0)
  El pasado jueves 15 de abril del presente año tuve la oportu...