Bom, atendendo a alguns pedidos, vou começar a postar algumas coisas e experiencias que adquiri na jornada AS3 (e bota jornada nisso), vou começar com o básico e essencial, exibindo seu swf em uma página html, principalmente “burlando” o bloqueio do activex no IE .

A maneira mais prática e usual de se fazer isso, é utilizando a biblioteca SWFObject, na qual você não só insere o swf em sua página, mas configura parametros, recupera variáveis (querystrings), etc, (mais infos clique aqui).

Primeiramente, faça o download do arquivo swfobject.zip no site (obs: leia toda documentação referente a licença de uso para esclarecimentos).

Ao baixar o arquivo, você irá deparar com alguns arquivos dentro do Zip, no entando o que nos importa é o swfobject.js e o expressinstall.swf .

swfobject.js – contem toda biblioteca para inserção e configuração de publicação do arquivo swf
expressinstall.swf – contem uma instalação “expressa” para navegadores que possuem flash player inferior ao determinado por “você” em seu website.

Utilizando
Insira a biblioteca em sua página através da tag html

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

obs: por padrão colocamos todos arquivos .js em uma pasta com o nome da extensão para organização de projeto, mas o arquivo pode estar em qualquer lugar desde que seja apontado corretamente no src=”" da tag <script>.

Abaixo, um codigo bem simples para interpretação.

<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
var attributes = {id: "flash", name: "flash"};

swfobject.embedSWF("flash.swf", "flash_div", "550", "400", "9.0.0","swf/expressInstall.swf", flashvars, params, attributes);
</script>

<div id="flash_div">
<p class="center"><br />Caso não esteja visualizando essa animação, atualize seu Flash Player, <a href="http://www.adobe.com/go/EN_US-H-GET-FLASH" rel="externo">Clique aqui.</a><br /><br /></p>
</div>

Entendendo o código:

var flashvars = {}; - variáveis que deseja enviar para o swf
var params = {}; - parâmetros que deseja enviar para o swf
var attributes = {id: "flash", name: "flash"}; - atributos do objeto (ex: background...)

swfobject.embedSWF("flash.swf", "flash_div", "550", "400", "9.0.0","swf/expressInstall.swf", flashvars, params, attributes); - método que insere o filme (swf) na página

Alguns parametros do metodo swfobject.embedSWF

flash.swf” – caminho do filme swf
“flash_div” – recipiente que irá receber o filme (normalmente é usado uma div com uma “id” configurada com o mesmo nome passado por esse parametro)
“550″, “400″ – largura e altura do filme respectivamente
“9.0.0″ – versão requerida para visualizar o filme.
“swf/expressInstall.swf” – caminho do arquivo expressinstall.swf

flashvars, params, attributes – variaveis, parametros e atributos passados para o swf

<div id="flash_div">
<p class="center"><br />Caso não esteja visualizando essa animação, atualize seu Flash Player, <a href="http://www.adobe.com/go/EN_US-H-GET-FLASH" target="_blank">Clique aqui.</a><br /><br /></p>
</div>

O recipiente(acima), normalmente se encontra “preparado” para caso o usuário não possuir nenhum flash player instalado em seu browser, caso ele possua algum com versão inferior a especificada (nesse caso 9.0.0) o expressinstall.swf irá fazer o trabalho de atualizar com toda comodidade .

Bom é isso ai, dúvidas podem deixar comentários, até o próximo post.

This entry was posted on Tuesday, October 28th, 2008 at 0:00 and is filed under campanhas. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.