视频技术

FFmpeg red5 nginx Html5 rtsp rtmp

·您当前的位置：首页 > 技术教程 > AS2与AS3技术 >

[AS3]JS和flash的通信代码示例

时间:2012-07-24 09:01cuplayer
[AS3]JS和flash的通信代码示例

AS部分

  1. flash代码：ExternalInterface.addCallback("abcd", yun);  
  2. function yun(zi:String):void{  
  3.     txt.text = zi;  
  4. } 

HTML部分

  1. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">   
  2.     <head> 
  3.         <title></title> 
  4.         <meta name="google" value="notranslate" />           
  5.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  6.         <style type="text/css" media="screen">   
  7.             html, body  { height:100%; }  
  8.             body { margin:0; padding:0; overflow:auto; text-align:center;   
  9.                    background-color: #999999; }     
  10.             object:focus { outline:none; }  
  11.             #flashContent { display:none; }  
  12.         </style> 
  13.               
  14.         <script type="text/javascript" src="swfobject.js"></script> 
  15.         <script type="text/javascript"> 
  16.             // For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection.   
  17.             var swfVersionStr = "10.2.0";  
  18.             // To use express install, set to playerProductInstall.swf, otherwise the empty string.   
  19.             var xiSwfUrlStr = "playerProductInstall.swf";  
  20.             var flashvars = {};  
  21.             var params = {};  
  22.             params.quality = "high";  
  23.             params.bgcolor = "#999999";  
  24.             params.allowscriptaccess = "sameDomain";  
  25.             params.allowfullscreen = "true";  
  26.             var attributes = {};  
  27.             attributes.id = "test86";  
  28.             attributes.name = "test86";  
  29.             attributes.align = "middle";  
  30.             swfobject.embedSWF(  
  31.                 "test86.swf", "flashContent",   
  32.                 "800", "600",   
  33.                 swfVersionStr, xiSwfUrlStr,   
  34.                 flashvars, params, attributes);  
  35.             // JavaScript enabled so display the flashContent div in case it is not replaced with a swf object.  
  36.             swfobject.createCSS("#flashContent", "display:block;text-align:left;");  
  37.               
  38.               
  39.             function testJSTO()  
  40.             {  
  41.                 sendToActionScript("js调用AS3代码!!");  
  42.             }  
  43.             function sendToActionScript(value) {  
  44.                 var a = document.getElementById("test86");  
  45.                 if(a){  
  46.                     alert(a.id);  
  47.                     alert(value);  
  48.                     a.abcd(value);  
  49.                 }  
  50.             }  
  51.         </script> 
  52.     </head> 
  53.     <body> 
  54.         <button id = "button" type="button" onClick = "testJSTO();">Click Me!</button> 
  55.         <div id="flashContent"> 
  56.             <p> 
  57.                 To view this page ensure that Adobe Flash Player version   
  58. .2.0 or greater is installed.   
  59.             </p> 
  60.             <script type="text/javascript">   
  61.                 var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://");   
  62.                 document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='"   
  63.                                 + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" );   
  64.             </script>   
  65.         </div> 
  66.    </body> 
  67. </html> 

注意文件还有swfobject.js.刚试了下不发布直接点击html 这样反复测试是不行的，会因为安全沙箱的问题不能访问.放进apache里，通过
http://127.0.0.1:8088/test.html 就可以测试了。

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器