SWFObject för flash publicering

2009-09-25 14:12

font storlek: minska font storleken öka font storlek
Bokmärk sidan

Något att rekommendera för alla, som kan underlätta publicering av SWF filer, är SWFObject.

Flash egna HTML/SWF publicerings-verktyg är väldigt krånglig (jämför med hur enkelt det är i SWFObject).

HTML filen som skapas är fullt med koder som ser ut som en riktig rörig soppa.

Det är där, SWFObject kommer in i bilden. Kolla koden nedan, för att publicera en SWF fil på en HTML sida.

(Jämför gärna med en Flash publicerad HTML kod - Öppna flash och publicera en test SWF fil med HTML)

Exempel på SWFObject:

<html> 
<head> 
<script type="text/javascript" src="/swfobject.js"></script> 
<script type="text/javascript"> 
 
var flashvars = { var1:"Hello", var2:"world!" };
var params = {  menu: "false",  align: "TL",  scale: "noscale" };
var attributes = {  id: "test",  name: "test" };
 
swfobject.embedSWF("enTest.swf", "test", "150", "30", "9.0.0","expressInstall.swf", flashvars, params, attributes);
 
</script> 
</head>
<body style="margin:0px"> 
 
<div id="test"></div>
 
</body> 
</html>

Enkelt, eller hur ?

Fördelen är även här att man ENKELT kan lägga till flera SWF filer utan att tappa greppet om upplägget,
vilket är rätt så enkelt att tappa med Flash publicerade HTML filen.

Exempel på 2 st SWF filer på en HTML sida:

<html> 
<head> 
<script type="text/javascript" src="/swfobject.js"></script> 
<script type="text/javascript"> 
 
var flashvars = { var1:"Hello", var2:"world!" };
var params = {  menu: "false",  align: "TL",  scale: "noscale" };
 
var attributes = {  id: "test",  name: "test" };
var attributes2 = {  id: "annanSWF",  name: "annanSWF" };
 
swfobject.embedSWF("enTest.swf", "test", "150", "30", "9.0.0","expressInstall.swf", flashvars, params, attributes);
swfobject.embedSWF("annanTest.swf", "annanSWF", "100", "200", "9.0.0","expressInstall.swf", flashvars, params, attributes2);
 
</script> 
</head>
<body style="margin:0px"> 
 
<div id="test"></div>
 
<div id="annanSWF"></div>
 
</body> 
</html>

AS3 kod som du kan leka med ser ut så:

//Hämta in flashvars från HTML filen
var param = LoaderInfo(this.root.loaderInfo).parameters;
var var1 = String(param["var1"]);

//Placera inhämtade texten i TextFältet
text_tf.text = var1;

Som du märker så har jag kopierat 3 ställen:

Attribute - Varje SWF fil måste ha egen ID och namn (rad 9-10)
swfobject - filegenskaper för våra SWF filer (rad12-13)
och DIV taggen (rad 19-20)

Anledningen varför jag inte kopierade de andra javascript-rader är för att båda SWF filer ska läsa in
samma flashvars och parametrar

Mer om SWFObject kan du hitta här! (OBS! Senaste är 2.2 som sägs vara lite ostabil, bifogar en RAR fil
innehållandes version 2.1 och exempel filer).
Prova du att skapa annanTest.swf fil som läser in flashparametrar var2 in till flash.

Notera att om du vill publicera dina SWF filer med SWFObject så kan du kopiera och klistra in både den
färdiga HTML filen och swfobject.js filen till platsen där din SWF fil befinner sig. Du måste dock ändra i
HTML filen förljande för att din SWF ska fungera:

Flashvars (om du behöver dessa - annars ändra till var flashvars = { };
Attributer - hitta på ett unikt ID och namn till din SWF, dessa MÅSTE skrivas
swfobject.embedSWF() , ändra filnamn ("enTest.swf"), ID ("test") bredden och höjden ("150", "30")
och flash version om du använder annan än version 9

Det borde göra susen.

Ladda ned exempel filer och SWFObject 2.1

Lycka till! ;)

Bedöm artikeln:

( 1 Bedömning )

Skapad 2009-09-25 14:12 av Danel Kirch

Visad 1896 gånger än så länge.

Skapad i Prenumerera på RSS av Bloggar Bloggar / Prenumerera på RSS av Danel Danel

Gillar du detta? Låt dina vänner hitta hit!

Senaste artiklarna av Danel Kirch

Debug child flash från parent skapad den 2012-02-20 23:22
Tillbaka från MAX - eventet skapad den 2011-11-26 11:54
Crop'a en bild i AS3 skapad den 2011-11-21 09:31
Snabb paketering för iOS (på några sekunder) skapad den 2011-11-10 10:10
iOS - appen synkroniserades inte skapad den 2011-11-07 10:36
Flash Builder och addChild skapad den 2011-10-08 22:43
m.target VS. m.currentTarget skapad den 2011-08-21 22:17
Sommar, semester - den nya julen skapad den 2011-08-14 12:27
AIR 2.7 nu tillgänglig skapad den 2011-06-15 08:39
Serie av tävlingar av BlackBerry skapad den 2011-05-18 20:47

TIll toppen

Senast uppdaterad 2010-03-03 23:18

Lägg till kommentar

JComments

Medlemmar

Members Online: 0

Senaste registrerade

Partners

Senaste blogginläggen

Debug child flash från parent

Av: Danel
-20.02.2012

Dev meetup i Malmö

Av: Patric Jonsson
-27.01.2012

2011 i summering

Av: Patric Jonsson
- 3.01.2012

Flash/HTML5 nätverkande i Skåne

Av: Patric Jonsson
-29.11.2011

Tillbaka från MAX - eventet

Av: Danel
-26.11.2011

Har jag en framtid som flashutvecklare?

Av: Patric Jonsson
-14.11.2011

Snabb paketering för iOS (på några sekunder)

Av: Danel
-10.11.2011

Animera enstaka FlowElements i ett TextFlow

Av: Patric Jonsson
- 8.11.2011

iOS - appen synkroniserades inte

Av: Danel
- 7.11.2011

Guldkornen

Av: Patric Jonsson
-27.09.2011

Senaste kommentarer

Dev meetup i Malmö
Låter som en grymt bra idé det där! Hade defintivt...
2011 i summering
Precis som du säger Helene, så kommer det nog en d...
2011 i summering
Jo det var en kalldusch. Verkligen. Hade just tagi...
Har jag en framtid som flashut...
Tjena Peter! Var inte ledsen för det :) Du kommer ...
Har jag en framtid som flashut...
Jag tänker precis likadant. Skittråkigt att man be...
Snabb paketering för iOS (på n...
Najs! Saxat från http://help.adobe.com/sv_SE/air/b...
CodeDrive, en ActionScript 3 e...
Ser bra ut! Inte för att jag kan Flash och AS3, me...
[Notis] Navigation i din Andro...
Nice
TLF component och Flash
Inte samma problem som jag hade i en flash som jag...
Standardiserade videoformat
En intressant approach från Microsoft som tydligen...