Johnobos kreativer Block [Johannes Ulrich Gehrke sein Design Blog aus München]

Wer Flash in Websiten einbindet steht oft vor dem Problemen: wie mach ich es richtig? und wie mache ich es nicht zu kompliziert? Die ersten frühen Methoden waren quick&dirty über das <embed src=”"></embed> Tag, geht heute immer noch, ist aber veraltet, sehr starr und fehleranfällig. Später kam die die <object><param/></object> Methode dazu. Hatte die vorteile, dass man Parameter nicht per GET mitgeben mussten aber dennoch extern einspeisen konnte, jedoch hatte man jetzt auch mindestens 6 Zeilen Code mehr und das gelbe vom Ei was Kompatibilität angeht war es immer noch nicht. Seit Flash CS2 (oder war’s CS?) generiert Flash beim publishen JavaScript Code zum einbinden in die Website. Diese Lösung schafft eine gute Kompatibilität ist aber in seiner standart automatisch generierten Form eher ein Verständnisgraus:

(weiterlesen für SWF object code)

<script type="text/javascript"><!–

        if (AC_FL_RunContent == 0) {

                alert("Diese Seite erfordert die Datei \"AC_RunActiveContent.js\".");

        } else {

                AC_FL_RunContent(

                        ‘codebase’, ‘http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0′,

                        ‘width’, ‘800′,

                        ‘height’, ‘400′,

                        ’src’, ‘wp-content/uploads/teaser’,

                        ‘quality’, ‘high’,

                        ‘pluginspage’, ‘http://www.macromedia.com/go/getflashplayer’,

                        ‘align’, ‘middle’,

                        ‘play’, ‘true’,

                        ‘loop’, ‘true’,

                        ’scale’, ’showall’,

                        ‘wmode’, ‘window’,

                        ‘devicefont’, ‘false’,

                        ‘id’, ‘teaser’,

                        ‘bgcolor’, ‘#ffffff’,

                        ‘name’, ‘wp-content/uploads/teaser’,

                        ‘menu’, ‘true’,

                        ‘allowFullScreen’, ‘false’,

                        ‘allowScriptAccess’,’sameDomain’,

                        ‘movie’, ‘wp-content/uploads/teaser’,

                        ’salign’, ”

                        ); //end AC code

        }

// –></script>
 
<noscript>

<object width="800" height="400" data="wp-content/uploads/teaser.swf" type="application/x-shockwave-flash"><param name="id" value="teaser" /><param name="align" value="middle" /><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><param name="src" value="wp-content/uploads/teaser.swf" /><param name="name" value="teaser" /><param name="allowfullscreen" value="false" /></object>

</noscript>

aber dank dem SWFobject 2.0 gibt es eien gute und einfach Methode Flash zu integrieren! Man braucht kaum noch code zeilen nur noch:

<script type="text/javascript"><!–

    swfobject.registerObject("myId", "9.0.0", "expressInstall.swf");

// –></script>

Das ist das Basic script, und trotzdem hat man schon alle features mit drin, das script kann jetzt noch erweitert werden:
[code lang="html"][/code]
wie ihr seht ist es immer noch sehr einfach trotz mehr Variablen und Parameter die Flashfile zu adden. Und solltet ihr eine Website haben die mehrere Flashs embeded schreibt ihr das ganze einfach zu einer einer Funktion um in der ihr die wichtigsten variablen über den Funktionsaufruf mit übergebt:

<script type="text/javascript"><!–

function embedFlash(was, wo, flashvars, params, attributes) {

  swfobject.embedSWF("myContent.swf", "myId", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);

}

// –></script>

das im Header, und später im code:

 
<div id="flashAppHere"><script type="text/javascript"><!–

     embedFlash("flashfile.swf", "flashAppHere", {vars:"einsetzten"}, {params:"einsetzen"}, {attributes:"einsetzen"});

// –></script></div>

eigentlich ziemlich cool das ganze und recht einfach, relativ einfach auf cms zu portieren, und endlich macht es spaß Flash wieder zu entwickeln. Denn was bringt das beste App wenn es die hälfte nicht richtig sehen kann. also bentutz das SWFobject (;

link:

Flash & SWFObject2.0

Keine Kommentare

kommentieren