AIR Updater
I’ve written a class to make the updating process of AIR-projectors easier.
The class uses the great AIRRemoteUpdater classes, written by Claus Wahlers (http://codeazur.com.br/lab/airremoteupdater/).
How it works:
You create an AIRUpdater object, configure the wanted listeners, and ask it to check for an update.
Code in AS3:
var updater:AIRUpdater = new AIRUpdater ("path_to_air_file", true, true);
updater.addEventListener(AIRUpdaterEvent.COMPLETE, updateCompleteHandler);
updater.addEventListener(AIRUpdaterEvent.CONFIRM, updateConfirmHandler);
updater.addEventListener(AIRUpdaterEvent.WARNING, updateWarningHandler);
updater.addEventListener(AIRUpdaterEvent.CONNECTION_ERROR, updateErrorHandler);
updater.update();
function updateCompleteHandler(event:AIRUpdaterEvent):void
{
// Starting application.
}
function updateConfirmHandler(event:AIRUpdaterEvent):void
{
// Update confirmation requested.
// Current version: updater.localVersion
// Remote version: updater.remoteVersion
// on confirm: updater.update (false);
}
function updateWarningHandler(event:AIRUpdaterEvent):void
{
// Update warning message.
updater.install ();
}
function updateErrorHandler(event:AIRUpdaterEvent):void
{
// Update file not found.
}
The constructor of the class requires the path to the air file, and gives you the choice to stop the updating process for a confirmation and/or a warning.
Files:
You can download the zip-file here:
AIRUpdater.zip
I’ve included the original AIRRemoteUpdater classes in the zip file.
Note that these classes are not written by me, so more recent versions might be available.
full screen swf flash background
The problem:
For a project we were trying to make a Drupal based site a bit more attractive, by adding a full screen flash background.
The SWF had to scale with the browserwindow - and stay fixed in the window during scolling.
The solution:
HTML:
Make sure the flash div comes first - otherwise it won’t work.
since this solution doesn’t work in IE6 (go figure) - we only embed the swf when your browser is greater than IE6
<!--[if gt IE 6]><!--> <div id="flash"> place your swf here </div> <!--><![endif]--> <div id="wrapper"> your sites content </div>
Â
CSS:
We position the flash div fixed to the upper left corner of the . This way the flash stays on the same place while scrolling.
The Z-indexes make sure the Flash div is positioned behind the website content.
#flash {
background-color: #000000;
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 0;
}
#wrapper {
position: relative;
z-index: 1;
}
Further issues:
- doesn’t work in IE6
- no mouse pointer in Safari when hovering over links (even when added in CSS)
Finding videos or other files by directory listing
I just found this google command to search videos or other files in directories with a specific name
-inurl:htm -inurl:html -inurl:asp intitle:�index of� + (flv|avi)
Easy for finding some quick examples in a specific format.
Font embedding solution for AS3
The problem:
When embedding fonts in Flash or Flex the size of the swf becomes too big to be useful. If we embed simplified Chinese (13746 glyphs) the size of an empty swf with only a text-field is a whopping 3.9MB. Using flash with dynamic text together with embedded fonts is a real pain in the *ss. It seems there is no way to just use the glyphs you need and embed them at run-time.
Our solution:
When you load a swf in another swf the fonts embedded in the first swf become available in the second. So what if we compile an swf on the server with the letters we need and embed this swf as a “fontlibrary” in your main project. Because the flex SDK is now opensource (link) we can use flex without any extra cost to compile our fontlibrary in realtime on the server.
Example:
Here some code snippets to explain how we do it. It is not the full solution but just ask and i will complete the code some more
First we create an *.as file to compile on the server:
package {
import flash.display.Sprite;
import flash.text.*;
public class ArialFontLib extends Sprite {
[Embed(source='ARIALUNI.TTF', fontName='_Arial', mimeType="application/x-font-truetype", unicodeRange = '@1@')]
public static var _Arial:Class;
public function ArialFontLib()
{
super();
Font.registerFont(_Arial);
}
}
}
We replace the @1@ tag with the unicode letters. Here an example of the [Embed] line after php reads the file and replaced the @1@ tag with the letters it got from the cms (drupal in this case)
[Embed(source='ARIALUNI.TTF', fontName='_Arial', mimeType="application/x-font-truetype", unicodeRange = 'U+6B61-U+6B61,U+8FCE-U+8FCE,U+9032-U+9032,U+5165-U+5165,U+5BCC-U+5BCC,U+901A-U+901A,U+8CC7-U+8CC7,U+7522-U+7522')]
Because the unicodeRange parameter needs a range we just repeat each code and thus create a 1 glyph range. As a font we use the Arial Unicode font.
Then we compile the as file with the following command in php:
exec("c:\flex\bin\mxmlc c:\fontdemo\ArialFontLib.as -managers flash.fonts.AFEFontManager -output fontlibrary.swf");
Note the -managers flash.fonts.AFEFontManager, this extra fontmanager is necessary to make it work and it is only available when you install the full flex 3 sdk (so not the light ones).
When this is done we just load the fontlibrary.swf we just created in our Flash project where we need the font.
The new font is available with the name “_Arial”.
Extras
Now we can create a service which generates a fontlibrary file when needed, we can use the function hasGlyphs to check if a textField can display the glyphs otherwise use the external fontlibrary. Here a little snippet to give you some idea how this should work.
public static function giveFormat(str:String, size:Number):TextFormat {
var myFormat:TextFormat = new TextFormat();
for each (var f:Font in Font.enumerateFonts()) {
//trace(f.fontName);
if (f.fontName == banner.externalFontName) {
var t:Font = f;
}
}
if (f.hasGlyphs(str)) {
myFormat.font = banner.externalFontName;
}else{
myFormat.font = banner.defaultFontName;
}
myFormat.size = size;
return myFormat;
}
But more about this automated class solution later.
Recent Comments