flex集成IFrame，IFrame集成UnityWebPlayer直接通讯调用解决方式

Posted 2020-09-19 lxjshuju

做Web开发一般是flex与JS交互，UnityWebPlayer与JS交互。

它们之间相互调用比較常见。

/**
 * Flex调用javascript函数
 * @params  functionName:String   Javascript函数名称
 * @params ...params    Javascript函数參数
 * @return  返回Javascript函数的return内容
 **/
ExternalInterface.call(functionName:String, ...params);

/**
 * Javascript调用Flex函数
 * @params   functionName:String    Javascript调用Flex函数名
 * @params   closure:Function     Flex将要调用的函数
 * @return void
 **/
ExternalInterface.addCallback(functionName:String,closure:Function);

JS调用Unity web Content函数

<script type="text/javascript" language="javascript">
<!--
//initializing the WebPlayer
var u = new UnityObject2();
u.initPlugin(jQuery("#unityPlayer")[0], "Example.unity3d");

function SaySomethingToUnity()
{
	u.getUnity().SendMessage("MyObject", "MyFunction", "Hello from a web page!");
}
-->
</script>

在Unity web player中须要有一个“MyObject”的GameObject对象，而且附加一个带有“MyFunction”函数的脚本：

function MyFunction(param : String)
{
    Debug.Log(param);
}

unity web player调用网页中JS函数：

unity中增加该脚本调用
Application.ExternalCall( "SayHello", "The game says hello!" );

在web页面中须要定义一个叫 SayHello() 函数: 

<script type="text/javascript" language="javascript">
<!--
function SayHello( arg )
{
    // show the message
    alert( arg );
}
-->
</script>

以上两种交互方式是比較经常使用的，近期一个项目遇到了一个特殊的应用需求。须要把unity web player的页面签入到flex应用框架中。而且完毕flex与unity web player直接的交互。

为了完毕这项需求须要解决例如以下问题：

1、怎样把html页面签入到flex容器中；

2、怎样实现flex与unity web player直接的通讯问题；

问题1，通过收搜得出眼下flex中有一个iframe插件，能够解决。

步骤：

1、在此链接中下载现成的资料 https://github.com/flex-users/flex-iframe/downloads

我下的是最新的 flex-iframe-1.5.1.zip

解压后，在 flex-iframe-1.5.1\sources\library\flex-iframe\src\com\google\code\flexiframe  这个路径中能够找到两个AcriptScript 类文件

2、将IFrame.as、IFrameExternalCalls.as  存放在Flex项目中。我将它拷贝到Class文件中或者引用bin\flex-iframe-1.5.swc

3、新建立 MXML应用程序，加入红色部分代码就可以。 source里填充要显示的页面

<?
xml version="1.0" encoding="utf-8"?
>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:flexiframe="http://code.google.com/p/flex-iframe/"
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
      xmlns:iframe="Class.*">
 <fx:Declarations>
  <!-- 将非可视元素（比如服务、值对象）放在此处 -->
 </fx:Declarations>
 <iframe:IFrame id="iFrame" source="http://www.baidu.com/" width="100%" height="100%"/>
</s:Application>

问题2，解决flex与unity web player直接通讯。

unity web player调用flex函数，关键是通过图上红色标注，事实上非常好理解就是iframe签入到了Flex的HTML中，通过iframe中脚本发现SwfContent对象就能够实现调用flex中的函数，实现与flex通讯。