Adobe AIR Badge StandardEin Adobe AIR Badge dient neben der Installation der Anwendung auch zur Erkennung und Installation der Adobe AIR Runtime. Dadurch muss der Anwender ggf. nicht erst die AIR Runtime von der Adobe Website herunterladen, sondern kann direkt die Runtime direkt mitsamt der Anwendung installieren. Dies setzt allerdings den Flash Player 9 (Update 3 / 9.0.115) voraus.

Standard Badge

Im "Flash CS3"-Programmverzeichnis befindet sich der Ordner "AIK/samples/badge", in dem sich das Badge-Template befindet (Man muss selbstverständlich die AIR-Extension für Flash installiert haben). Das Badge hat mehrere Parameter, die bei der Einbettung gesetzt werden können. Dazu gehören z.B. die Farbe und das Bild.

Required variables (to be passed in FlashVars parameter of Object and Embed tags in HTML):

- appname -- the name of application displayed in message under install button if the AIR runtime is not present
- appurl -- The URL of .air file on the server
- airversion -- The version of the AIR runtime required

Optional variables:
- buttoncolor -- a six-digit hex value for the color of the button background.
- messagecolor -- a six-digit hex value for the color of the text message displayed under install button.
- imageurl -- The URL of the .jpg file to display in the badge interface.

Da die Einbettung mit dem Adobe-JavaScript (AC_RunActiveContent.js) etwas umständlich ist, habe ich den Code für SWFObject umgeschrieben:

HTML:

  1. "http://www.w3.org/1999/xhtml""en""en"
  2. "Content-Type""text/html; charset=utf-8"
  3. Adobe AIR Badge Demo
  4. "text/javascript""swfobject.js"
  5.  
  6.  
  7.     "flashcontent"
  8.         You need to upgrade your Flash Player
  9.         This is replaced by the Flash content.
  10.         Place your alternate content here and users without the Flash plugin or with
  11.         Javascript turned off will see this. Content here allows you to leave out noscript
  12.         tags. Include a link to "swfobject.html?detectflash=false"bypass the detection if you wish.
  13.    
  14.  
  15.     "text/javascript"
  16.         // "badge.swf", "application-badge", "217", "180", "9.0.115", "#FFFFFF");
  17.         so.addVariable("appname", "My cool app");
  18.         so.addVariable("appurl", "http://www.video-flash.de/wp-content/uploads/2008/02/badge/myapp.air");
  19.         so.addVariable("airversion", "1.0");
  20.         so.addVariable("imageurl", "demo-badge.png");    
  21.         so.addVariable("buttoncolor", "550000");
  22.         so.addVariable("messagecolor", "000000");
  23.         so.write("flashcontent"
  24.    
  25.  
  26.  

Grant Skinner Badge

Adobe AIR Badge

Außerdem gibt es ein weiteres Badge, das im Adobe Labs heruntergeladen werden. Es wurde von Grant Skinner entwickelt und nutzt bereits SWFObject.

You should consider using this sample badge if:

- Want a new look and feel (it looks cool!)
- Intend to continue distributing a beta 3 application until you port to AIR 1.0. (Logic handles these situations much more gracefully)
- Want to leverage the application detection and "launch now" feature
- Want a simple way to upgrade end users to correct Flash Player version using express install
- Want to provide "help" links

Demo: Standard Badge
Demo: Grant Skinner Badge
Link: Additional Seamless Install Badge with new look and feel