Thanks!

Download vCam AS3 1.1 (Requires Flash CS3 and Actionscript 3)

The first step is to download a nifty class called EmbedObject here. It allows you to get the ID of the Flash embed object.

The next step is to create a class that will dispatch the event using an ExternalInterface call.

package {
 
import flash.external.*;
import com.asorg.browser.*;
 
public dynamic class JSEventDispatcher{
 
  public static function dispatchEvent(event:String):void{
 
    var script_js:XML = <script>
      <![CDATA[
        function(id,event){
           var flashObject = document.getElementById(id);
           var evObj = document.createEvent('Events');
           evObj.initEvent(event, true, true);
           flashObject.dispatchEvent(evObj);
        }
      ]]>
   </script>
    ExternalInterface.call(script_js, EmbedObject.getId(), event);
   }
  }
}

The JSEventDispatcher class has a static method called dispatchEvent. Embedded JavaScript gets a reference to the Flash embed object associated with the SWF and dispatches your event.

When you want to dispatch an event from your SWF you would simply call:

JSEventDispatcher.dispatchEvent('yourEvent');

The last step is to setup an event listener on your page that listens for the event.

<script language="JavaScript"type="text/javascript">
	function addListeners(){
		var flashObject = document.getElementById('yourEmbedObjectID');
  		flashObject.addEventListener('yourEvent',eventHandler,false);
	}
 
	function eventHandler(e){
	  	alert('fired')	
	}
</script>

NOTE! Be sure that the Flash object is instantiated before you attach the listener.

There you have it. Now your embed object will dispatch events sent by your SWF!

Here is a test I ran (Flash Player 10 Required):

Download FLA (Flash CS4)

Artwork by Tim Allen

It's important to note that all of the blurring and motion you see in the animation below is being handled by the vCam.

Here is the result of my test (Flash Player 10 Required):

Download vCam AS3 v1.01 

Introducing vCam AS3 Interactive. The original vCam AS3 uses the BitmapData class to optimize performance during playback. When you view the vCam AS3 swf you are watching a bitmap transformation of the stage. While this is ideal for animation projects, it causes problems when you want to incorporate buttons or interactive elements into your presentation. I had a request this weekend for an interactive version of vCam AS3. This version will allow you to add interactive elements. However, you will notice a performance difference especially when applying the blur filter. The vCam AS2 already supports interactive elements since it does not use the BitmapData class for optimization.

 Download vCam AS3 Interactive

 Thanks tisi!

Now vCam AS3 brings a new array of options with added features including:

- Rotation
- Blur
- Brightness/Contrast
- Hue/Saturation
- and more!

Sham and Dave were very generous and offered the original vCam free of charge. Therefore I am also offering this new version for free. Have fun all!

Version 1.1 has been optimized and the bitmap data processing has been removed.

Download vCam AS3 v1.1 FLA (Requires Flash CS3 and Actionscript 3)

*** Note: A bug in Flash CS3 causes stage.stageHeight to be -100 the actual stageHeight if the bandwidth profiler is open. Either close the profiler or view the SWF outside flash.

The animation below shows the vCam AS3 animated on the stage:

The animation below is the resulting swf file:

Artwork by Josh Menas  |  Composited by Tim Allen