JavaScript 通过 ExternalInterface 与 Flash 对话答案

【问题标题】：JavaScript talking to Flash via ExternalInterfaceJavaScript 通过 ExternalInterface 与 Flash 对话
【发布时间】：2011-03-29 15:58:15
【问题描述】：

我一直在尝试整理 JavaScript 与 Flash 对话的概念证明。我正在使用 JQuery 和 Flash CS5、ActionScript 3。

我不是 Flash 开发人员，因此对代码表示歉意，如果我能证明这是可行的，Flash 将提供给知道自己在做什么的人。

Actionscript 位于第一帧时间轴的一个图层上，在根影片中有几个元素：

output = new TextField();
output.y = -200;
output.x = -200;
output.width = 450;
output.height = 325;
output.multiline = true;
output.wordWrap = true;
output.border = true;
output.text = "Initializing...\n";
root.bgClip.addChild(output); 
try{
     Security.allowDomain("*");
     flash.external.ExternalInterface.marshallExceptions = true;
     output.appendText("External Interface Available? " + ExternalInterface.available + "\n");
     output.appendText("External Interface ObjectId: " + ExternalInterface.objectID + "\n");
     flash.external.ExternalInterface.addCallback("getMenuItems", returnMenuItems);
     flash.external.ExternalInterface.addCallback("changeText", changeText);
     flash.external.ExternalInterface.addCallback("changeBgColour", changeBgColour);
     flash.external.ExternalInterface.call("populateMenu", returnMenuItems());
} catch (error:SecurityError) {
    output.appendText("Security Error: " + error.message + "\n");
} catch (error:Error) {
    output.appendText("Error: " + error.message + "\n");
}
function returnMenuItems():String{
    return "[{\"menu option\": \"javascript:callFlash('changeBgColour','4CB9E4')\"}]";
}
function changeText(t:String){
    root.textClip.text = t;
}
function changeBgColour(colour:String) {
     var c:ColorTransform = root.bgClip.transform.colorTransform;
     c.color = uint(colour);
     root.bgClip.transform.colorTransform = c;
}

JavaScript 和 HTML 是：

function populateMenu(message){
    $("#options").changeType("Options", $.parseJSON(message));
    $("#options").addMenuActions();
}
function callFlash(methodToCall, param){
    alert("method: " + methodToCall + ", param: " + param);
    if(param == undefined){
        $("#AJC")[methodToCall]();
    }else{
        $("#AJC")[methodToCall](param);
    }
}
var flashvars = {};
var params = {allowScriptAccess: "always"};
var attributes = {name: "AJC"};
swfobject.embedSWF("http://192.168.184.128/ActionscriptJavascriptCommunication.swf", "AJC", "600", "400", "9", "", flashvars, params, attributes);

和

<body>
  <div id="wrapper">
    <div id="topBar" class="top-bar"></div>
    <div id="flashContainer">
      <div id="AJC">Loading Flash...</div>
    </div>
    <ul class="dropdown" id="games"></ul>
    <ul class="dropdown" id="options"></ul>
  </div>
</body>

现在我知道 ActionScript 很糟糕，它看起来确实如此的原因是因为我已经阅读了很多关于从 JavaScript 联系 Flash 可能出现的问题的线程（因此允许安全域 * 并添加调试文本框等）。

我正在使用的 JavaScript 在头部的脚本标记中。 changeType 和 addMenuActions 只是我添加的 JQuery 方法。这些只是经过独立测试但确实有效的 JavaScript 方法。

你会注意到我在 ActionScript 中的 try catch 的最后一行是：

flash.external.ExternalInterface.call("populateMenu", returnMenuItems());

这确实有效，它使用从 Flash 发送的文本填充我的菜单。唯一不起作用的是尝试调用使用 addCallback 函数公开的方法。

我收到警报：

method: changeBgColour, param: 4CB9E4

但是一个错误提示：

Error: $("#AJC")[methodToCall] is not a function
Source File: http://192.168.184.128/test.html#
Line: 88

我设置了一个本地 VM 来运行 Apache，它与 192.168.184.128 相关，我想知道这是否是问题所在，我看到几个线程提到尝试在本地与闪存通信是行不通的，这为什么我用 apache 设置虚拟机？

有什么想法吗？我知道人们已经完成了这项工作，这非常令人沮丧。

谢谢。

【问题讨论】：

标签： javascript flash actionscript externalinterface

【解决方案1】：

简单的错误：jQuery 的工厂方法生成 jQuery.init 对象，它的行为与数组非常相似。您需要在实际的 DOM 元素上调用该方法，该元素是“数组”中的第一个成员。

$('#AJC')[0][methodToCall]

如果您遇到安全问题，您将根本无法在 Flash 和 JavaScript 之间进行通信。

【讨论】：

非常感谢。究竟是什么问题。我将把它包装到一个 JQuery 方法中，这样我就不必到处粘贴 0 索引了。

【解决方案2】：

问题在于您访问 Flash 对象的方式。 SwfObject 有一个内置函数可以解决这个问题，它适用于所有浏览器：

function callFlash(methodToCall, param)
{
    var obj = swfobject.getObjectById("AJC");

    if(param == undefined){
        $(obj)[methodToCall]();
    }else{
        $(obj)[methodToCall](param);
    }
}

我没有测试上面的代码，但我想它应该可以工作！

【讨论】：

谢谢。以前的答案确实有效，但我也会尝试使用 swfObject :)