Flex 与 JavaScript 交互-btpka3-ChinaUnix博客

树欲静而风不止btpka3.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

btpka3

博客访问： 530459
博文数量： 135
博客积分： 3568
博客等级：中校
技术积分： 1942
用户组：普通用户
注册时间： 2006-10-19 17:52

文章分类

全部博文（135）

HTML（1）
english（0）
CSS（4）
Flex（6）
PHP（3）
private（10）
7788（6）
shell（6）
Java（71）
C/C++（11）
Linux（6）
JavaScript（9）
未分配的博文（2）

文章存档

2012年（29）

2011年（41）

2010年（26）

2009年（12）

2008年（9）

2007年（12）

2006年（6）

我的朋友

最近访客

推荐博文

Flex 与 JavaScript 交互

分类：

2008-03-18 00:20:17

熟悉下 Flex 先，想用 Flex 与 JavaScript 交互：以为想让 Flex 播放一些网络电台，可是Flex不支持外部控件，但JavaScript可以，所以先测试下 Flex与 JavaScript如何交互！

呵呵，好歹成功了！！ Flex 通过 JavaScript 调用了 Windows Media Player 的 ActivexObject 控件， JavaScript也能成功调用 Flex 的方法！

Play.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="" layout="absolute" width="550" height="164" >
<mx:Script>
 <![CDATA[
  import mx.controls.Alert;
  
  
  [Bindable]
  public var mp3s:Array = [
    {label:"张韶涵 - 亲爱的，那不是爱情", data:""},
    {label:"王蓉 - 爱似神仙", data:""},
    {label:"王蓉 - 晨雾", data:""}
  ];
        [Bindable]
        public var selectedItem:Object; 
        [Bindable]
        public var palyStatus:String; 
        
  public function callPlay():void{
   if(!selectedItem){
    selectedItem = slctObj.selectedItem;
   }
   Alert.show(selectedItem.label + "   " + selectedItem.data)
   palyStatus = ExternalInterface.call("JS_Play", selectedItem.label,selectedItem.data);
  }
  public static function AS_join(str:String):String{
   var s:String = "Hello "+str;
   Alert.show(s);
   return s;
  }
  ExternalInterface.addCallback("AS_AddAAA", AS_join);
 ]]>
</mx:Script>
 <mx:Button x="10" y="22" label="JS_Play" click="callPlay();"/>
 <mx:TextInput x="165" y="52" name="asText" id="asText" text="{palyStatus}" width="311"/>
 <mx:ComboBox x="165" y="19" id="slctObj" name="slctObj" dataProvider="{mp3s}"  width="311"
     close="selectedItem=ComboBox(event.target).selectedItem" fontSize="12"/>
 <mx:Label x="102" y="24" text="播放列表" fontSize="12"/>
 <mx:Label x="102" y="52" text="返回结果" fontSize="12"/>
 <mx:Button x="16" y="93" label="Call_JS_Alert" click="ExternalInterface.call('myAlert');"/>
</mx:Application></mx:Application>

play.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> Test JS && AS </title>
<meta http-equiv="Content-Language" content="zh-CN" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" language=javascript >
var wmp = new ActiveXObject("WMPlayer.OCX");;
function whenLoad(){
 try{
  wmp=new ActiveXObject("WMPlayer.OCX");
  //要想不自动播放该设定应当放在为URL赋值之前
  wmp.settings.autoStart  = false;
  //这里输入本地路径如 C:/ss.mp3 将不起作用， why???
  //wmp.URL = "";
 }catch(e){
  alert(e.message);
 }
};
function JS_Play(label,url){
 lbl = label ? label : "范冰冰 - 爱超越";
 u = url ? url : "";
 alert(lbl + " " + u);
 wmp.controls.stop();
 wmp.URL = u;
 wmp.controls.play();
 return "正在播放 "  + lbl;
};
function invokeASFunc(){
 var src = document.getElementById("srcText").value;
 var swfObj = document.getElementById("swf")
 var rst = swfObj.AS_AddAAA(src);
 document.getElementById("rstText").value = rst;
};
function myAlert(){
 alert("My Alert! ");
}
//function 
</script>
</head>
<body onload="whenLoad()">
   <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
   id="swf" width="550" height="164"
   codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
   <param name="movie" value="play.mxml.swf" />
   <param name="quality" value="high" />
   <param name="bgcolor" value="#869ca7" />
   <param name="allowScriptAccess" value="sameDomain" />
   <embed src="play.swf" quality="high" bgcolor="#869ca7"
    width="550" height="164" name="play" align="middle"
    play="true"
    loop="false"
    quality="high"
    allowScriptAccess="sameDomain"
    type="application/x-shockwave-flash"
    pluginspage="">
   </embed>
 </object>
<br/>
要 AS 处理的字符串：<input type=text id=srcText ><br/>
  AS 处理后的字符串：<input type=text id=rstText ><br/>
    <input type=button value="调用 AS 函数" onclick="invokeASFunc()">
<input type=button value=play onclick="JS_Play()"/>
<script type="text/javascript" src="/js/jquery.qqFace.js"></script>
</body>
</html>

阅读(1371) | 评论(0) | 转发(0) |

上一篇：Flex 调用 NuSOAP 创建的 Web 服务

下一篇：PHP + MySql 输出 UTF-8 编码的页面的方法！

给主人留下些什么吧！~~

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6