unijimpe » Flash

Depurar Flash con Firebug

unijimpe — Mon, 16 May 2011 04:57:20 +0000

Depurar flash en el ambiente de desarrollo es sencillo a través del método trace que muestra un texto de forma semejante a la función alert de javascript. El problema radica cuando tenemos que depurar los SWFs ya publicados en una pagina pues trace solo funciona en el Flash IDE.

Creando un trace personalizado

La solución es sencilla, para ello vamos a crear una función en flash llamada tracer que además de hacer el trace normal utilice la función console.log de Firebug con lo cual podemos imprimir el resultado de cualquier parámetro en el navegador.

import flash.external.ExternalInterface;
function tracer(msg:String) {
trace(msg);
ExternalInterface.call( "console.log" , msg);
}

Utilizar esta función es sencilla, tiene la misma sintaxis de la función trace. Por ejemplo si deseamos imprimir un texto tendríamos:

tracer("Start...");

También se puede utilizar dentro de bucles o estructuras condicionales:

for (var i=0; i<10; i++) {
tracer("-> " + i);
}

Otra forma de depurar Flash en el navegador es utilizando la extensión para Firefox llamada Flashbug pero necesita tener instalado la versión Debug de Flash Player, mientras que la versión que hemos presentado es mucho mas sencilla y no requiere instalar extensiones ni otra versión del player. También funciona en Safari pues este soporta el comando console.log().

© 2006 - 2011 unijimpe - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.

Youtube Video Player: tubePlayer 1.0

unijimpe — Mon, 01 Nov 2010 15:30:19 +0000

Nos agrada anunciar la nueva versión de tubePlayer el reproductor de vídeos de Youtube personalizado y gratuito. Cuenta con los controles play/pause/stop/fullscreen y la posibilidad de desplazar a cualquier parte del video.

Esta versión reescrita completamente cuenta con nuevas características sugeridas por nuestros lectores:

Reproducción de cualquier video de Youtube.
Previsualización del video.
Desplazar la reproducción a cualquier parte del video.
Soporte para fullscreen utilizando doble click.
Los controles se ocultan a los 5 segundos de inactivada en fullscreen.
No se muestra publicidad en los videos.
Soporte para configurar autoplay y volumen inicial

Nueva Pagina y plugin para WordPress

Ahora tubePlayer cuenta con una página propia donde se agregará y actualizará la documentación del reproductor asi como el enlace de descarga de la ultima versión. Además de ello hemos integrado tubePlayer al plugin para mostrar videos de youtube en WordPress WP Youtube Player, de esta forma mostrar videos de youtube es muy sencillo.

Dos Nuevas versiones

Adicionalmente estamos introduciendo dos versiones de tubePlayer, una de ellas donde puedes colocar tu logo y otra con el diseño personalido completamente, para mas información pueden visitar tubePlayer.

Youtube Video Player: tubePlayer 1.0 (beta)

unijimpe — Mon, 25 Oct 2010 05:25:41 +0000

Después de algún tiempo tenemos el agrado de presentar la nueva versión de tubePlayer el reproductor de vídeos de Youtube personalizado. Todo esto gracias a los comentarios y sugerencias de los visitantes a este blog, con lo cual hemos logrado un mejor rendimiento del player.

Características

En esta nueva versión se ha reescrito completamente el reproductor utilizando YouTube ActionScript 2.0 Player API el cual corrige algunos problemas de la versión anterior y mejora características solicitadas por nuestros visitantes.

Reescrito completamente en ActionScript 2.0 con OOP.
Opción para autoplay de vídeos.
Opción para el volumen por defecto.
Se puede desplazar al cualquier parte del vídeo.
Imagen de previsualización del vídeo.
Mensaje de error si el vídeo esta bloqueado o eliminado.
No se muestra publicidad en los vídeos.
No se muestran las anotaciones en los vídeos.
Corregido el autoescalado del vídeo de acuerdo al tamaño del player.
Reproducción en pantalla completa.

ActionScript 3.0 es muy potente pero el API es AS3 tiene el problema que muestra la publicidad en los vídeos, por lo cual decidimos trabajar con AS2 para mostrar los vídeos sin publicidad. Además de ello estamos trabajando para integrar tubePlayer a un plugin para WordPress que permita utilizar este player de forma sencilla en los blogs.

Como utilizar tubePlayer

Primero debes descargar la ultima versión del player y subir el archivo tubeplayer.swf a tu servidor web. Luego lo incluyes en tu página como cualquier SWF pero con tres parámetros por medio de flashVars:

videoId (Requerido)
Identificador del vídeo de Youtube a reproducir.
autoPlay (Opcional)
Define si el vídeo se reproducirá automáticamente. Acepta valores true o false.
volume (Opcional)
Volumen inicial del vídeo. Acepta valores enteros de 0 a 100.

Podemos embeber el video utilizando el tag de HTML :

width="510" height="320">
name="movie" value="http://domain/path/tubeplayer.swf" />
name="flashVars" value="videoId=6hzrDeceEKc&autoPlay=true" />
name="allowFullscreen" value="true" />
src="tubeplayer.swf" width="510" height="320"
flashVars="videoId=pa14VNsdSYM" allowFullscreen="true" />

También podemos utilizar SWFObject para incluir el player:

id="divmovie">tubePlayer

src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js">

type="text/javascript">

swfobject.embedSWF("http://domain/path/tubeplayer.swf", "divmovie", "510", "320", "9", "",

{videoId: "6hzrDeceEKc"}, {allowFullscreen: "true"});

Pueden ver el player funcionando en tubePlayer 1.0 (beta) demo, donde pueden ingresar rl identificador del vídeo que desean visualizar.

Sugerencias

Este player esta en versión beta y esperamos nos hagan llegar su observaciones y sugerencias para de esta forma lograr un buen player que nos beneficie a todos.

Pueden dejar sus sugerencias en nuestro formulario de comentarios. En el transcurso de esta semana estaremos trabajando en la mejora del player y la otra semana estaremos lanzando la versión final que incluye un plugin para WordPress.

Publicar Archivos Flash con Mootools

unijimpe — Mon, 17 May 2010 04:37:25 +0000

Mootools la popular librería javascript a partir de su versión 1.2 incluye una nueva clase llamada Swiff la cual permite incluir archivos Flash en documentos HTML, además permite agregar eventos y facilita la comunicación Flash-Javascript.

Por que usar Mootools en lugar de SWFObject?

SWFObject es el método mas popular para embeber archivo SWF, pero si por alguna necesitad ya estas utilizando Mootools, entonces es preferible utilizarlo para incluir archivos Flash y evitarse llamar a diferentes archivos Javascript externos.

Utilizar Swiff

La primera forma es descargar Mootools o también puedes utilizarlo directamente desde Google Ajax Libraries, de esta forma ni siquiera necesitar tener el archivo en tu hosting. Luego de incluir Mootools podremos utilizar la clase Swiff, el cual tiene la siguiente sintaxis.

var myswf = new Swiff('path-swf', { width: ancho, height: alto, container: 'id'});

Donde se tienen los siguientes parámetros:

path-swf: es la ruta al archivo SWF a incluir
ancho: es el ancho del SWF expresado en pixels.
alto: es el alto del SWF expresado en pixels.
id: el identificador del elemento html donde se mostrará el SWF.

Entonces por ejemplo si deseamos incluir un vídeo player de 500x320 pixels, entonces el código a utilizar para mostrar el SWF sería de la forma:

id="player">

type="text/javascript">

var myswf = new Swiff('tubeplayer.swf', { width: 500, height: 320, container: 'player'});

Utilizando Parámetros con Swiff

Para pasar parámetros al archivo SWF que estamos incluyendo, podemos utilizar la propiedad params el cual contiene una lista de los parámetros a incluir. Entonces si por ejemplo deseamos permitir que el archivo flash pueda ejecutarse en pantalla completa y que el color de fondo sea negro tendríamos el siguiente código.

id="player">

type="text/javascript">

var myswf = new Swiff('tubeplayer.swf', {

width: 500,

height: 320,

container: 'player',

params: {allowFullScreen: 'true', bgcolor: '#00000'}

});

Pasando Variables con Swiff

Para pasarle variables al archivo SWF, es necesario hacerlo utilizando flashvars, ello lo podemos hacer con la propiedad vars, entonces si deseamos pasar dos variables a nuestro player tendríamos el siguiente código.

id="player">

type="text/javascript">

var myswf = new Swiff('tubeplayer.swf', {

width: 500,

height: 320,

container: 'player',

params: {allowFullScreen: 'true', bgcolor: '#00000'},

vars: {autoPlay: 'true', videoId: 'FNQowwwwYa0'}

});

Uniendo estos elementos tendremos el código completo para incluir archivo SWF en páginas HTML.

xmlns="http://www.w3.org/1999/xhtml">
http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</span></a></span>Swiff Demo - unijimpe<span style="color: #009900;"><span style="color: #000000;">
id="player">

type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools.js">

type="text/javascript">

var myswf = new Swiff('tubeplayer.swf', {

width: 500,

height: 320,

container: 'player',

params: {allowFullScreen: 'true', bgcolor: '#00000'},

vars: {autoPlay: 'true', videoId: 'FNQowwwwYa0'}

});

Como pueden ver el código para mostrar archivos Flash, sencillo y sin utilizar librerías adicionales con lo cual ahorramos en velocidad de carga para nuestra web. Pueden ver el resultado del ejemplo funcionando en http://samples.unijimpe.net/swiff-swf/.

Mas Información

Publicar Videos de Youtube en Flash

unijimpe — Fri, 04 Dec 2009 04:53:58 +0000

Compartir vídeos de Youtube es una tarea común y sencilla en HTML con el código que ofrece Youtube el cual se coloca en el código html. Veamos como publicar vídeos de Youtube en páginas hechas en Flash, para ello utilizaremos el API YouTube ActionScript 2.0 Player API Reference el cual brinda métodos para embeber los vídeos en Flash.

Cargando Videos de Youtube
Para cargar un vídeo de Youtube se debe cargar como si fuera un MovieClip normal, para ello se puede utilizar los métodos de la clase MovieClipLoader. Para la ruta de los vídeos se puede utilizar el URL: http://www.youtube.com/v/ID Donde ID es el identificador del vídeo que se desea visualizar. Entonces si tenemos un MovieClip llamado clip donde deseamos mostrar el vídeo tendríamos el siguiente código:

var tload:MovieClipLoader = new MovieClipLoader();
tload.loadClip("http://www.youtube.com/v/Jmhpy8c8hbw", clip);

El vídeo se carga correctamente pero con dimensiones de 480 x 385 pixels. Si deseamos cargar los vídeos con un tamaño especifico sin deformar el vídeo es necesario crear un detector de eventos para ejecutarlo cuando el player del video se ha cargado completamente.

var tinte:Number;
var tlist:Object = new Object();
tlist.onLoadInit = function() {
tinte = setInterval(checkVideo, 250);
}
var tload:MovieClipLoader = new MovieClipLoader();
tload.addListener(tlist);
tload.loadClip("http://www.youtube.com/v/Jmhpy8c8hbw", clip);

Una vez que se ha cargado player de Youtube, utilizamos la función checkVideo que se encarga de verificar que el player, una ver cargado el player asignamos las dimensiones con el método setSize. Notar que al inicio hemos ocultado el player asignándole transparencia 0, al final después de haber redimensionado el player volvemos a mostrar el video cambiando la transparencia a 100.

clip._alpha = 0;
var tinte:Number;
var tlist:Object = new Object();
tlist.onLoadInit = function() {
tinte = setInterval(checkVideo, 250);
}
var tload:MovieClipLoader = new MovieClipLoader();
tload.addListener(tlist);
tload.loadClip("http://www.youtube.com/v/Jmhpy8c8hbw", clip);
function checkVideo() {
if (clip.isPlayerLoaded()) {
clip.setSize(348, 278);
clip._alpha = 100;
clearInterval(tinte);
}
}

Listo, tenemos nuestro vídeo cargado y con las dimensiones deseadas en Flash. Les dejo los archivos fuentes para que lo descarguen y hagan sus pruebas.

Insertar Google Maps en Flash

unijimpe — Mon, 05 Oct 2009 06:18:41 +0000

Google Maps permite incluir cualquier mapa en tu web utilizando algunas sentencias de Javascript, también ofrece Google Maps API for Flash para incluir los mapas en Flash utilizando ActionScript.

Para hacer uso de este API lo primero es registrarse gratuitamente un obtener Google Maps API Key el cual nos permitirá mostrar los mapas en nuestra web. Además es necesario instalar el componente map.swc en el editor de Flash.

Instalando el Componente
Para instalar la librería es necesario descargar los archivos desde http://maps.googleapis.com/maps/flash/release/sdk.zip. Luego de extraer el archivo ubicamos el archivo map_x_y.swc en la carpeta lib, donde x e y indican la versión actual del componente. Creamos una carpeta llamada Google y copiamos el archivo .swc:

Windows:
C:\Program Files\Adobe\Adobe Flash CS3\language\Configuration\Components
MAC:
Macintosh HD/Applications/Adobe Flash CS3/Configuration/Components

Utilizando el componente
Una vez instalado el componente, en el Panel de Componentes de Flash se puede ver un nuevo item llamado GoogleMapsLibrary. Para poder utilizarlo podemos jalar el componente al escenario o podemos jalarlo directamente a la librería de nuestro archivo flash.

Creando nuestro primer Mapa
Lo primero es incluir las clases necesarias (com.google.maps.*) para incluir y manejar los mapas, definimos la latitud, longitud y zoom que vamos a utilizar. Luego de ello creamos una instancia de la clase Map, asignamos nuestro KEY. Definimos el ancho y alto de nuestro mapa con el método setSize.

import com.google.maps.*;
var lat:Number = -12.04144;
var lon:Number = -77.023188;
var zoom:int = 17;
var map:Map = new Map();
map.key = "tu_api_key";
map.setSize(new Point(500, 350));
map.addEventListener(MapEvent.MAP_READY, onMapReady);
this.addChild(map);
function onMapReady(event:Event):void {
map.setCenter(new LatLng(lat,lon), zoom, MapType.NORMAL_MAP_TYPE);
}

En el ejemplo hemos creado un mapa de 500x350 pixels con un zoom de 17 y estamos mostrando el mapa normal.

Respecto a los tipos de mapas disponibles tenemos los siguientes:

HYBRID_MAP_TYPE: Mapa con fotografías satelitales y nombres las vías.
NORMAL_MAP_TYPE: Mapa normal con nombre de las vías.
PHYSICAL_MAP_TYPE: muestra el mapa físico.
SATELLITE_MAP_TYPE: mapa con las fotografías satelitales.

Agregando controles a nuestros Mapas
Para incluir los controles es necesario incluir las clases com.google.maps.controls.*, luego de ello podemos agregar los controles de Zoom y de posición a nuestros mapas de la siguiente forma:

import com.google.maps.*;
import com.google.maps.controls.*;
var lat:Number = -12.04144;
var lon:Number = -77.023188;
var zoom:int = 17;
var map:Map = new Map();
map.key = "tu_api_key";
map.setSize(new Point(500, 350));
map.addEventListener(MapEvent.MAP_READY, onMapReady);
this.addChild(map);
function onMapReady(event:Event):void {
map.setCenter(new LatLng(lat,lon), zoom, MapType.HYBRID_MAP_TYPE);
map.addControl(new PositionControl());
map.addControl(new ZoomControl());
}

Con este ejemplo tenemos un zoom inicial de 17 pero ya podemos hacer zoom a nuestro gusto y además tenemos los controles para mover el mapa.

Agregando Marcadores
Si queremos personalizar nuestros mapas podemos hacer uso de los marcadores para indicar una posición determinada e incluso sus descripciones. Para ello incluimos las clases com.google.maps.overlays.* con lo cual podemos utilizar los métodos para mostrar los marcadores.

import com.google.maps.*;
import com.google.maps.controls.*;
import com.google.maps.overlays.*;
var lat:Number = -12.04144;
var lon:Number = -77.023188;
var zoom:int = 17;
var map:Map = new Map();
map.key = "your_api_key";
map.setSize(new Point(500, 350));
map.addEventListener(MapEvent.MAP_READY, onMapReady);
this.addChild(map);
function onMapReady(event:Event):void {
map.setCenter(new LatLng(lat,lon), zoom, MapType.SATELLITE_MAP_TYPE);
map.addControl(new PositionControl());
map.addControl(new ZoomControl());
var marker:Marker = new Marker(new LatLng(lat, lon));
marker.addEventListener(MapMouseEvent.CLICK, function(event:Event):void {
marker.openInfoWindow(new InfoWindowOptions({title: "Plaza de Toros de Acho", content:"Lima, Perú"}));
});
map.addOverlay(marker);
}

Ahora tenemos un marcador en nuestro mapa y al hacerle click mostramos un mensaje personalizado que puede indicar el lugar que estamos visualizando.

Más Información
Hemos visto con con sentencias sencillas podemos incluir los mapas de Google Maps en nuestros archivos Flash sin ningún problema, obviamente hay muchas mas opciones para personalizar estos mapas las cuales por cuestion de tiempo no podemos discutir aca, pero les dejo los enlaces para que puedan ampliar este tema.

tubePlayer: Player Youtube

unijimpe — Wed, 29 Jul 2009 18:34:51 +0000

En esta ocasión les presento un reproductor de vídeos de Youtube completamente personalizado llamado tubePlayer el cual fue escrito en ActionScript 2.0. Este reproductor no necesita de ningún script adicional y puede reproducir cualquier vídeo de Youtube.

Para la implementación de este vídeo player se utilizó el API del player de Youtube, el cual brinda métodos y propiedades que pueden ser controladas en AS2, para mayor información pueden leer YouTube ActionScript 2.0 Player API Reference.

Características
Entre las cualidades que podemos destacar en este reproductor podemos mencionar:

Reproduce cualquier vídeo de Youtube.
El reproductor es ligero y solo ocupa 7.14 Kb.
No necesita scripts adicionales para funcionar.
El reproductor de adapta al tamaño que lo definamos.
Soporte para visualizar el vídeo en FullScreen.
Controles de volumen, play, pause y stop.
Se puede configurar la reproducción automática.
Optimizado para consumir poca memoria.
Diseño limpio basado en ToobPlayer.

Como utilizar tubePlayer
Primero descargamos el reproductor en tubeplayer.zip, extraemos los archivos y subimos el archivo tubePlayer.swf a nuestro servidor. Luego de ello hay dos parámetros que debemos indicarle al reproductor: videoId que es el identificador del vídeo a reproducir y autoPlay para definir si deseamos que se reproduzca automaticamente el video.

Si utilizamos solamente código html para incluir el reproductor, tendríamos que hacerlo de la siguiente manera:

width="501" height="310">
name="movie" value="tubeplayer.swf" />
name="FlashVars" value="videoId=6hzrDeceEKc&autoPlay=true" />
name="allowFullscreen" value="true" />
src="tubeplayer.swf" width="501" height="310" FlashVars="videoId=6hzrDeceEKc&autoPlay=true" allowFullscreen="true" />

Si tu utilizas SWFObject en versiones anteriores a la 2.0, el código necesario sería de la forma:

id="divmovie">tubePlayer

type="text/javascript">

var so = new SWFObject("tubeplayer.swf", "myswf", "501", "320", "8", "");

so.addParam("allowFullscreen", "true");

so.addVariable("videoId", "6hzrDeceEKc");

so.addVariable("autoPlay", "true");

so.write("divmovie");

Si por el contrario utilizas SWFObject 2.0 la sintaxis ha cambiado y sería la siguiente:

id="divmovie">tubePlayer

type="text/javascript">

swfobject.embedSWF("tubeplayer.swf", "divmovie", "501", "320", "9","", {videoId: "6hzrDeceEKc", autoPlay: "true"}, {allowFullscreen: "true"});

Nótese que en cualquiera de los métodos lo importante es la ruta al archivo tubeplayer.swf y los parámetros videoId y autoPlay.

Nota Adicional
Esta es la primera versión de tubePlayer entonces seguramente existirán algunos puntos que mejorar y corregir, les agradecería mucho me hicieran llegar sus observaciones para trabajar en futuras versiones. Además sería muy bueno comenten de donde obtuvieron el player, es la única forma de mantener este blog.

jQuery SWFObject Plugin

unijimpe — Sun, 25 Jan 2009 19:11:33 +0000

jQuery SWFObject plugin es una extensión para jQuery que ofrece toda la funcionalidad de SWFObject para incluir archivos SWFs en páginas HTML.

Si ya tienes una web en donde utilizar jQuery es sencillo utilizar esta extensión pues utiliza los métodos proveídos por jQuery para lograr la funcionalidad original de SWFObject. Ahora si por el contrario no utilizas ninguna librería es recomendable el uso de la librería original de SWFObject.

Como utilizar jQuery SWFObject
Lo primero es incluir las librerías necesarias en el header del HTML donde vamos a mostrar los SWFs.

src="jquery.js" type="text/javascript">
src="jquery.swfobject.js" type="text/javascript">

Luego incluimos el DIV en donde deseamos se muestre nuestro flash, le asignamos un identificador para posteriormente llamarlo con nuestro plugin.

id="movie">Flash Movie

Como paso final llamamos al método flash que permitirá asignar que SWF utilizaremos con que dimensiones y en que DIV se visualizará. Hay que llamar a este método una vez que ha sido cargada toda la página para evitar errores de Javascript, esto lo hacemos.

type="text/javascript">
$(document).ready(function () {
$('#movie').flash({
swf: 'demo.swf',
width: 400,
height: 320,
flashvars: {name1:'jQuery', name2:'SWFObject'},
params: {wmode: 'transparent'}
});
});

Hay que notar la sencillez para indicar las propiedades incluso los flashvars y parámetros adicionales.

Esta es una nueva posibilidad para los que incluimos SWFs en nuestras páginas y la ideal para los que ya estan utilizando jQuery.

WP-SWFObject 2.1

unijimpe — Mon, 17 Nov 2008 01:13:54 +0000

Nuevamente les presentamos una actualización de nuestro plugin WP-SWFObject el cual permite insertar archivos Flash en WordPress de manera sencilla. Esta nueva versión trae nuevas funcionalidades, optimización del código fuente para mejorar la velocidad del script.

Que trae esta nueva versión?
Entre los cambios mas importantes podemos mencionar.

Hemos escrito completamente las funciones, eliminando variables adicionales, reduciendo el tamaño del código y mejorando el rendimiento.
Se corrigieron errores de sintaxis en el formulario de configuración.
Ahora hay una nueva opción para seleccionar la versión de SWFObject a utilizar, incluso se permite el uso de SWFObject desde Google AJAX Libraries API.
Se modificaron las funciones para mostrar los elementos Flash y ahora no hay necesidad de que el template tenga una llamada a wp_footer.
Se modificaron los estilos para la alineación de los elementos Flash.
Se agregaron estilos para delinear los bloques donde se muestran los SWFs.

SWFObject Version
Esta nueva cualidad permite seleccionar entre tres versiones:

SWFObject 1.5
Utiliza la sintaxis antigua de SWFObject la cual puede facilitar la compatibilidad con otras librerías, es ligera y con sintaxis ampliamente conocida.
SWFObject 2.0
Hace uso de la sintaxis de SWFObject 2.0 la cual es mucho mas potente, además cumple los estandares.
SWFObject 2.0 (from Google Library)
Utiliza la sintaxis de SWFObject 2.0, pero enlaza la librería directamente desde Google AJAX Libraries API, acelerando la velocidad de carga.

Nuevamente gracias a nuestros visitantes por sus sugerencias y observaciones, gracias a ello seguimos trabajando para mejorar cada día este popular plugin. Si ya estas utilizando este plugin y puedes actualizarlo automáticamente, de lo contrario puedes descargarlo e instalarlo manualmente.

Ahora si tienen preguntas y/o comentarios lo pueden hacer en el foro: WP-SWFObject Forum.

SWFObject en Google Library

unijimpe — Fri, 14 Nov 2008 04:59:56 +0000

SWFObject la popular librería para incluir SWFs dentro de documentos HTML ha sido integrado al servicio Google AJAX Libraries API, el cual brinda alojamiento a las mas populares librerías utilizadas en el desarrollo web.

Esta es una buena noticia pues podemos incluir SWFObject directamente desde los servidores de Google, mejorando la velocidad de carga de nuestras webs. Actualmente se tiene disponible SWFObject 2.1, para ello podemos utilizar la función google.load o directamente desde un URL.

Incluir SWFObject con URL Absoluto.
Para esta forma podemos utilizar el URL absoluto de la librería, el cual es el siguiente:

http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js

Luego insertamos de la forma normal el SWF utilizando la sintaxis de SWFObject, con lo cual tendríamos al incluir un SWF llamado main.swf con dimensiones de 231x132 pixels.

type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js">
type="text/javascript">
swfobject.embedSWF("main.swf", "main", "231", "132", "8.0.0");

Incluir SWFObject utilizando google.load
Adicionalmente se puede utilizar la función google.load el cual carga dinámicamente la librería y provee un evento que se ejecuta una vez que ha sido cargada la librería, entonces utilizando este método la sintaxis para incluir SWFs sería de la forma:

src="http://www.google.com/jsapi">

Esta segunda forma tiene la ventaja que se ha comprobado que la librería ha sido cargado y por ende se puede hacer el llamado directo a los métodos de esta librería.

Mas Información