Adrian Parr's Blog

Support Details – Browser/OS Specification

November 1st, 2012 by Adrian

Support Details – This is a handy site for clearly displaying important information about your (or your clients) web browser and operating system.

It displays the following information:

Operating System
Web Browser
IP Address
Javascript enabled?
Cookies enabled?
Screen Resolution
Browser Size
Colour Depth
Flash Player Version

There is even a useful ‘Send Details’ feature which allows your client to automatically send their results back to you by email.

On a similar note, there is also a site called Codec Detect, which video and audio codecs their browser supports.

Posted in HTML5, Javascript, Video | 2 Comments »

GitHub Video Tutorial

January 25th, 2011 by Adrian

If you want to get started using GitHub, then this video tutorial by Brian Connatser (NumbKnuckle) is very handy. It gave me enough information to download and install msysgit (Git for Windows), setup an account on GitHub, use Git Bash commands and upload my project to a public repository. Enough for me to get started.

Many thanks Brian.

Posted in Tutorials | No Comments »

Video: Michael Plank’s FDT4 Presentation at Flash Camp Manchester

July 12th, 2010 by Adrian

Last Thursday I went to Flash Camp Manchester and recorded Michael Plank’s FDT4 presentation.

He does some speed coding and then demonstrates all the shortcuts used.

I have used the pre-release version of Adobe’s Strobe Media Playback to play the video.

Watch it here! (Duration 43 minutes)

Note: It’s progressive download, not streamed.

Posted in ActionScript 3.0, Conferences and Events, Video | No Comments »

Streaming Video using FMS Gotchya’s

September 17th, 2009 by Adrian

I have just come across a few issues whilst building a video player that plays streaming video from a Flash Media Server.

I thought I had everything set up fine but then when I tested I got the following error message …

ReferenceError: Error #1069: Property onBWDone not found on flash.net.NetConnection and there is no default value.

So to resolve this you need to set the client property of the netConnection instance to the object on which callback methods should be invoked. For example …

netConnection.client = this;

and then you need to have an empty public method called onBWDone, like this …

public function onBWDone(...args):void
{
trace("onBWDone: "+args);
}

Sometimes you may get the following error message …

ReferenceError: Error #1069: Property onFCSubscribe not found on XXX and there is no default value.

In which case you’ll need to add …

public function onFCSubscribe(info:Object):void
{
trace("onFCSubscribe");
}

The same goes for this error message …

ReferenceError: Error #1069: Property close not found on XXX and there is no default value.

In which case you’ll need to add …

public function close(...args):void
{
trace("close: "+args);
}

I then discovered that the netConnection with the server was being closed after 5 minutes of inactivity (e.g. pause the video and leave it for 5 minutes). What you need to do in this case is listen for the ‘NetConnection.Connect.IdleTimeOut’ NetStatusEvent, and gracefully close the netStream yourself. For example …

import flash.events.NetStatusEvent;
netConnection.addEventListener(NetStatusEvent.NET_STATUS, onNetConnection_NET_STATUS);

private function onNetConnection_NET_STATUS(event:NetStatusEvent):void
{
switch (event.info.code) {
case "NetConnection.Connect.IdleTimeOut":
netStream.close();
netStream = null;
// Display a still image or message to the user ro something
break;
}
}

Posted in ActionScript 3.0, Sample Code, Video | 1 Comment »

Flash Player dispatches KEY_DOWN event when entering FullScreen mode (Bug)

September 17th, 2009 by Adrian

Have just built a video player that allowed the user to switch to FullScreen mode and toggle the play/pause state using the SPACE key on their keyboard. However, I found that everytime the Flash movie entered FullScreen mode the playing video would pause and visa-versa.

I then discovered that the Flash Player was dispatching a KEY_DOWN event when entering FullScreen mode. More specifically, the keyCode == 32, which corresponds to the spacebar on your keyboard.

My Flash Player version is WIN 10,0,32,18

See an example of it here …

Here is code for the above demo movie …

package
{
import flash.display.MovieClip;
import flash.ui.Keyboard;
import flash.events.KeyboardEvent;
import flash.events.MouseEvent;
import flash.text.TextField;
import flash.display.StageDisplayState;

import fl.controls.Button;

public class FullscreenSpaceBug extends MovieClip
{

public var tf:TextField;
public var clearBtn:Button;
public var goBtn:Button;
public var exitBtn:Button;

public function FullscreenSpaceBug():void
{
trace("FullscreenSpaceBug()");
stage.addEventListener(KeyboardEvent.KEY_DOWN, onStage_KEY_DOWN);
clearBtn.addEventListener(MouseEvent.CLICK, onClearBtn_CLICK);
clearBtn.focusEnabled = false;
clearBtn.useHandCursor = true;
goBtn.addEventListener(MouseEvent.CLICK, onGoBtn_CLICK);
goBtn.useHandCursor = true;
exitBtn.addEventListener(MouseEvent.CLICK, onExitBtn_CLICK);
exitBtn.useHandCursor = true;
tf.text = "";
}

private function onGoBtn_CLICK(event:MouseEvent):void
{
stage.displayState = StageDisplayState.FULL_SCREEN;
}

private function onExitBtn_CLICK(event:MouseEvent):void
{
stage.displayState = StageDisplayState.NORMAL;
}

private function onStage_KEY_DOWN(event:KeyboardEvent):void
{
if (event.keyCode == 32) {
tf.appendText("event.keyCode = "+event.keyCode+" (SPACE)\n");
} else {
tf.appendText("event.keyCode = "+event.keyCode+"\n");
}
tf.scrollV = tf.maxScrollV;
}

private function onClearBtn_CLICK(event:MouseEvent):void
{
tf.text = "";
}

}

}

I managed to find an entry for this bug in the Adobe Flash Player Bug and Issue Management System (JIRA Database). FP-814: Flash Player dispatches KEY_DOWN event when entering FullScreen Mode

I also found a very similar blog post by TyZ which was posted on 25th August 2009 titled ‘Flash bug when enter fullscreen keyboard events fired – Workaround‘.

The workaround is to temporarily remove the KEY_DOWN event listener, and add it again with a slight delay once the FULL_SCREEN event has been dispatched. You could create the delay by using either a Timer, an ENTER_FRAME event or the setTimeout method. In TyZ’s example he used an ENTER_FRAME event, in my example below I use an instance of the Timer class.

WORKAROUND EXAMPLE

Here is the code for the workaround …

package
{
import flash.display.MovieClip;
import flash.display.StageDisplayState;
import flash.ui.Keyboard;
import flash.events.KeyboardEvent;
import flash.events.MouseEvent;
import flash.events.FullScreenEvent;
import flash.text.TextField;
import flash.events.TimerEvent;
import flash.utils.Timer;

import fl.controls.Button;

public class FullscreenSpaceWorkaround extends MovieClip
{

public var tf:TextField;
public var clearBtn:Button;
public var goBtn:Button;
public var exitBtn:Button;

public function FullscreenSpaceWorkaround():void
{
trace("FullscreenSpaceBug()");
stage.addEventListener(KeyboardEvent.KEY_DOWN, onStage_KEY_DOWN);
stage.addEventListener(FullScreenEvent.FULL_SCREEN, onStage_FULL_SCREEN);
clearBtn.addEventListener(MouseEvent.CLICK, onClearBtn_CLICK);
clearBtn.focusEnabled = false;
clearBtn.useHandCursor = true;
goBtn.addEventListener(MouseEvent.CLICK, onGoBtn_CLICK);
goBtn.useHandCursor = true;
exitBtn.addEventListener(MouseEvent.CLICK, onExitBtn_CLICK);
exitBtn.useHandCursor = true;
tf.text = "";
}

private function onGoBtn_CLICK(event:MouseEvent):void
{
stage.removeEventListener(KeyboardEvent.KEY_DOWN, onStage_KEY_DOWN);
stage.displayState = StageDisplayState.FULL_SCREEN;
}

private function onExitBtn_CLICK(event:MouseEvent):void
{
stage.displayState = StageDisplayState.NORMAL;
}

private function onStage_FULL_SCREEN(event:FullScreenEvent):void
{
if (event.fullScreen) {
var timer:Timer = new Timer(200, 1);
timer.addEventListener(TimerEvent.TIMER, onTimer);
timer.start();

}
}

private function onTimer(event:TimerEvent):void
{
stage.addEventListener(KeyboardEvent.KEY_DOWN, onStage_KEY_DOWN);
}

private function onStage_KEY_DOWN(event:KeyboardEvent):void
{
if (event.keyCode == 32) {
tf.appendText("event.keyCode = "+event.keyCode+" (SPACE)\n");
} else {
tf.appendText("event.keyCode = "+event.keyCode+"\n");
}
tf.scrollV = tf.maxScrollV;
}

private function onClearBtn_CLICK(event:MouseEvent):void
{
tf.text = "";
}

}

}

Download the source files for the workaround here

Posted in ActionScript 3.0, Bug | 11 Comments »

Launched: Open Source Media Framework Blog

August 7th, 2009 by Adrian

A blog focussing on the Open Source Media Framework has just been launched. Product Manager Sumner Paine has posted a couple of blog posts. I’d recommend adding their RSS feed to your aggregator of choice.

Find out more …

Posted in ActionScript 3.0, Adobe, Flash, Flex | No Comments »

XHTML Video Embed – WordPress Plugin

April 21st, 2008 by Adrian

I have just installed the XHTML Video Embed plugin for WordPress, written by SaltwaterC.

It allows you to embed Flash videos from sites like YouTube and Google Video in to your WordPress blog easily, and the resulting HTML code will be XHTML compliant.The syntax is as follows …

[youtube]http://www.youtube.com/watch?v=SVm5NW__sxk[/youtube]

Here is a test, using Philip Kerman’s Why ActionScript 3.0? video.

Posted in WordPress | 6 Comments »

Adrian Parr's Blog

A Creative Coding Blog

Recent Posts

Categories

Tags

Blogroll

Meta

Support Details – Browser/OS Specification

November 1st, 2012 by Adrian

GitHub Video Tutorial

January 25th, 2011 by Adrian

Video: Michael Plank’s FDT4 Presentation at Flash Camp Manchester

July 12th, 2010 by Adrian

Streaming Video using FMS Gotchya’s

September 17th, 2009 by Adrian

Flash Player dispatches KEY_DOWN event when entering FullScreen mode (Bug)

September 17th, 2009 by Adrian

Launched: Open Source Media Framework Blog

August 7th, 2009 by Adrian

XHTML Video Embed – WordPress Plugin

April 21st, 2008 by Adrian