Tag Archives: as3

Connecting to Socket.IO 1.0 from flash

01/07/2014 robin 20 Comments

Socket.IO is a great socket communication library that I’ve used many times in recent years. To connect to the server from a flash client I’ve had to rely on a library I found on github called FlashSocket.IO, actually on improved fork of an earlie, now stagnant project.

Socket.IO has recently made it to a 1.0 release, which is long overdue seeing as many people have been using it in production for ages. However this is not a ‘finally stable’ 1.0 release. This is more like a 2.0 release with a complete rewrite of the underlying engine and many API and protocol changes. If you were only using it via the official js client and not trying to inspect the internals at all then you can probably just update without a hitch.

However for my flash client this meant trouble. So, I’ve gone through and updated the flash client to work with 1.0, and added a few other features too, such as ssl compatibility (essential for working reliably with public networks), querystring parameter support (for passing arbitrary parameters from the client to the server to be available at connection time) and making the FlashSocket EventDispatcher robotlegs friendly.

It’s up here, so if you need 1.0 compatibility from flash have a go, and let me know if you have any problems.

Seamlessly looping video files in AS3 with Netstream.appendBytes

28/11/2013 robin 19 Comments

Often I find, particularly with exhibit type projects, there is a requirement for some looping video. Often the loop is required as it’s part of the UI, rather than consumable content. A designer or animator has made some cool effect and video is simply the best way to deliver this asset.

Now there comes a problem – in older versions of flash player it was quite easy to just loop a video, but in more recent releases it’s broken and according to adobe this is not important enough to fix.

The only way that I found to get around this was to convert the file to a swf with the video on the timeline. I had some success with this, but the quality always suffered and every time the designers updated the asset I had to reconvert. Someone on the bug report suggested however that there might be way to get the video file to repeat seamlessly by using appendBytes but hadn’t provided a working example. So I just ran into this again and decided to tackle it once and for all – here’s a class that’ll seamlessly loop an flv (appendBytes only supports flv):

Edit: I recently had cause to use this again in a project so have tidied up the code a little and fixed a bug where I had delays in later loops. Also I’ve added a variation for cases where an animation plays in with one video, then loops with another.

package { import flash.events.AsyncErrorEvent; import flash.events.NetStatusEvent; import flash.events.SecurityErrorEvent; import flash.media.Video; import flash.net.NetConnection; import flash.net.NetStream; import flash.net.NetStreamAppendBytesAction; import flash.utils.ByteArray; public class AppendByteVideoLoop { private var _video:Video; private var _connection:NetConnection; private var _stream:NetStream; private var _byteArray:ByteArray; public function AppendByteVideoLoop(video:Video, data:ByteArray):void { _video = video; _byteArray = data; connect(); } private function connect():void { _connection = new NetConnection(); _connection.addEventListener(NetStatusEvent.NET_STATUS, netStatusHandler); _connection.addEventListener(SecurityErrorEvent.SECURITY_ERROR, securityErrorHandler); _connection.connect(null); } private function addToStream():void { _stream.appendBytesAction(NetStreamAppendBytesAction.RESET_BEGIN); _stream.appendBytes(_byteArray); } public function destroy():void { _stream.close(); _stream = null; _connection.close() _connection = null; } public function togglePause():void { _stream.togglePause() } public function onMetaData(metaData:Object):void { _video.width = metaData.width; _video.height = metaData.height; addToStream(); } public function onXMPData(xmp:Object):void { } public function onPlayStatus(status:Object):void { } private function connectStream():void { _stream = new NetStream(_connection); _stream.client = this; _stream.addEventListener(NetStatusEvent.NET_STATUS, netStatusHandler); _stream.addEventListener(AsyncErrorEvent.ASYNC_ERROR, asyncErrorHandler); _video.attachNetStream(_stream); _stream.play(null); _stream.appendBytes(_byteArray); } private function netStatusHandler(event:NetStatusEvent):void { switch (event.info.code) { case "NetConnection.Connect.Success": connectStream(); break; case "NetStream.Play.StreamNotFound": trace(event.info.code, "Unable to locate video data "); break; } } private function securityErrorHandler(event:SecurityErrorEvent):void { trace("securityErrorHandler: " + event); } private function asyncErrorHandler(event:AsyncErrorEvent):void { trace("asyncErrorHandler: " + event); } } }package { import flash.events.AsyncErrorEvent; import flash.events.NetStatusEvent; import flash.events.SecurityErrorEvent; import flash.media.Video; import flash.net.NetConnection; import flash.net.NetStream; import flash.net.NetStreamAppendBytesAction; import flash.utils.ByteArray; public class AppendByteVideoLoopWithIntro { private var _video:Video; private var _connection:NetConnection; private var _stream:NetStream; private var _byteArrayIntro:ByteArray; private var _byteArrayLoop:ByteArray; public function AppendByteVideoLoopWithIntro(video:Video, dataIntro:ByteArray, dataLoop:ByteArray):void { _video = video; _byteArrayIntro = dataIntro; _byteArrayLoop = dataLoop; connect(); } private function connect():void { _connection = new NetConnection(); _connection.addEventListener(NetStatusEvent.NET_STATUS, netStatusHandler); _connection.addEventListener(SecurityErrorEvent.SECURITY_ERROR, securityErrorHandler); _connection.connect(null); } private function addToStream():void { _stream.appendBytesAction(NetStreamAppendBytesAction.RESET_BEGIN); _stream.appendBytes(_byteArrayLoop); } public function togglePause():void { _stream.togglePause() } public function destroy():void { _stream.close(); _stream = null; _connection.close() _connection = null; } public function onMetaData(metaData:Object):void { _video.width = metaData.width; _video.height = metaData.height; addToStream(); } public function onXMPData(xmp:Object):void { } public function onPlayStatus(status:Object):void { } private function connectStream():void { _stream = new NetStream(_connection); _stream.client = this; _stream.addEventListener(NetStatusEvent.NET_STATUS, netStatusHandler); _stream.addEventListener(AsyncErrorEvent.ASYNC_ERROR, asyncErrorHandler); _video.attachNetStream(_stream); _stream.play(null); _stream.appendBytes(_byteArrayIntro); } private function netStatusHandler(event:NetStatusEvent):void { switch (event.info.code) { case "NetConnection.Connect.Success": connectStream(); break; case "NetStream.Play.StreamNotFound": trace(event.info.code, "Unable to locate video data "); break; } } private function securityErrorHandler(event:SecurityErrorEvent):void { trace("securityErrorHandler: " + event); } private function asyncErrorHandler(event:AsyncErrorEvent):void { trace("asyncErrorHandler: " + event); } } }

TLFTextField and RTL direction in pure AS3 (no IDE or flex)

11/11/2013 robin Leave a comment

So I’ve been struggling all afternoon to get TLFTextfield to display direction = Direction.RTL without any success. The rtl text still flowed left to right. I just got it to work with the help of this post

Basically it’s just this bit:

var myFormat:TextLayoutFormat = new TextLayoutFormat();
var myTextFlow:TextFlow=tf.textFlow;
myTextFlow.hostFormat=myFormat;

…needs to go at the end and it all starts working. urgh.

flash player http response headers

27/08/2013 robin Leave a comment

For my own benefit, just a note – http response headers are only readable from AIR via HTTPStatusEvent.HTTP_RESPONSE_STATUS, but not from Flash Player. This library does the magic: https://github.com/gabriel/as3httpclient and can give you the headers. I even tweaked it to provide headers for an ICY mp3 stream so I can see where the metadata lies.

Pure AS3 AIR ApplicationUpdaterUI

01/11/2011 robin 4 Comments

This may be well known, but it wasn’t terribly obvious to me from Adobe’s documentation.

If you want to use the adobe AIR update framework including the UI in a pure AS3 AIR project, it looks like you need to start using the flex framework.Indeed, the documentation for “flash apps” recommends custom building an interface.

This is unnecessary – I picked out the applicationupdater_ui.swc from flex_sdk\frameworks\libs\air and accessed the ApplicationUpdaterUI class just as the documentation advised for a flex implementation and Lo – it’s all there, and it doesn’t include the whole of flex. It does add a few hundred kb, but it’s an installable AIR app, so that’s not such a big deal.

redannick blog