How to call flash actionscript callback method from javascript?

Question

I tried to call a flash callback method from JavaScript. But it seems not working. The flash action script example code is like below [Simplified]:

import flash.events.ActivityEvent; 
import flash.events.StatusEvent; 
import flash.external.ExternalInterface;

var test_var = ExternalInterface.addCallback("js_method_to_call", flash_method);


function flash_method()
{   
  return "test"; 
}

The javascript example code is written below [Simplified]:

 function callFlashMethod(){
   var flashFile = eval("window.document.test");
   flashFile.js_method_to_call;
 }
 function loadTest(){
   swfobject.embedSWF("test.swf", "test", "1", "1", "10.0.0", false);
 }

 $(document).ready(function(){
   loadTest();
   callFlashMethod();
 });

It is always display the error in fire bug console "flashFile.js_method_to_call is not a function".

have you tried window[ 'test' ] instead of the eval? I'm pretty sure that's where it goes wrong. — Creynders
– Creynders, Commented Oct 5, 2011 at 7:49

Vladimir Tsvetkov · Accepted Answer · 2011-10-06 09:27:49Z

14

Here's something that should work really good:

Use SWFObject.js for embedding the Flash content:

// Embedding through SWFObject rocks in comparison with Adobe shits:
var flashvars = {};

var params                  =   {};
params.menu                 =   "false";
params.salign               =   "t";
params.scale                =   "noscale";
params.wmode                =   "transparent";
params.allowScriptAccess    =   "always";

var attributes              =   {};
attributes.id = "${swf}";

swfobject.embedSWF("${swf}.swf", "flashDiv", "${width}", "${height}", "9.0.0", "", flashvars, params, attributes);

Use this for the HTML:

<body>
    <div id="flashDiv"></div>
</body>

To call your Flash method use this pattern:

// Functions needed for calling Flex ExternalInterface
function thisMovie(movieName) 
{
    if (navigator.appName.indexOf("Microsoft") != -1) 
    {
        return window[movieName];
    } 
    else 
    {
        return document[movieName];
    }
}

Call the Flash method:

function callFlashMethod()
{
    thisMovie("${swf}").js_method_to_call();
}

edited Oct 6, 2011 at 9:27

answered Oct 5, 2011 at 7:27

Vladimir Tsvetkov

3,0133 gold badges28 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Tricks By Sam Over a year ago

I am getting the error in firebug console thisMovie("test").js_method_to_call is not a function

Vladimir Tsvetkov Over a year ago

Are you using the JS from my sample for loading the SWF? Make sure that attributes.id = "test"; The placeholder variable ${swf} will work only if you build with the Flash Builder and if this code is placed inside the index.template.html and you have annotated appropriately the entry point Sprite of your app.

Yogev Shelly · Accepted Answer · 2011-10-05 07:46:28Z

9

You get a reference to your embedded SWF object and use it to make a call to your as3 method.

//AS3 Code
ExternalInterface.addCallback("helloFromJS",helloFromJS);

private function helloFromJS():void
{
    trace("JS is saying hello");
}


//HTML Code
<object width="100%" height="100%" id="Test">
          <param name="movie" value="Test.swf"/>

//JS Code
var swfObject = document.getElementById("Test");
swfObject.helloFromJS();

answered Oct 5, 2011 at 7:46

Yogev Shelly

1,3732 gold badges13 silver badges24 bronze badges

Comments

Pierre de LESPINAY · Accepted Answer · 2011-10-06 06:14:10Z

1

There is an interesting and quite detailed tutorial here http://bytes.com/topic/flash/answers/694359-how-do-i-access-flash-function-using-javascript#post2759970

answered Oct 6, 2011 at 6:14

Pierre de LESPINAY

46.4k62 gold badges222 silver badges318 bronze badges

Comments

ymutlu · Accepted Answer · 2011-10-06 10:30:46Z

1

http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/external/ExternalInterface.html?filter_flash=cs5&filter_flashplayer=10.2&filter_air=2.6

This page describe the solution very well, just try to make that sample work. So you can sort out the problem, and Vladimir Tsvetkov's answer is complete.

answered Oct 6, 2011 at 10:30

ymutlu

6,7394 gold badges38 silver badges48 bronze badges

Comments

jhocking · Accepted Answer · 2011-10-05 07:17:39Z

0

I'm not sure about this line:

var flashFile = eval("window.document.test");

I would use:

var flashFile = document.getElementById("test");

Also, I'm guessing this was just a typo when pasting here, but flashFile.js_method_to_call; should be flashFile.js_method_to_call();

answered Oct 5, 2011 at 7:17

jhocking

5,5871 gold badge27 silver badges39 bronze badges

1 Comment

Tricks By Sam Over a year ago

I have tried all 3 options below but seems not working. document.getElementById("test"), $("#test"), eval("window.document.test")

Collectives™ on Stack Overflow

How to call flash actionscript callback method from javascript?

5 Answers 5

2 Comments

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related