首页 > 代码库 > flex集成IFrame,IFrame集成UnityWebPlayer直接通讯调用解决方式

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

做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通讯。




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