【Flash】Flash控制JS动作、JS控制Flash动作

【1】Flash控制JS动作

//Flash里的ActionScript:
import flash.events.MouseEvent;
import flash.external.ExternalInterface;
 
function myCall(e:MouseEvent){
    var intxt = inputa.text; 
    var inwid = inputa.length;
    ExternalInterface.call("fCallJs",intxt,inwid); 
}
 
btn.addEventListener(MouseEvent.CLICK,myCall);

//网页里接受的JavaScript:
<script type="text/javascript" >
   function fCallJs(aaa,bbb){
    alert(aaa+","+bbb);
   };
</script>

//注意几点:
1、如果用Jquery,不要把此 function 放在自执行的$( function ($) {});里面,否则不运行。
2、如果在本地测试(没用IIS),需要把Flash安全设置里的高级设置,把此swf设为信任文件,才能看到效果。建议用IIS架个测试网站看。


=======================================================

【2】JS控制Flash动作

//比如在网页里的Flash标签是:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="550" height="400" id="Test" align="middle">  
<param name="allowScriptAccess" value="sameDomain" />  
<param name="movie" value="Test.swf" />  
<param name="quality" value="high" />  
<param name="bgcolor" value="#ffffff" />  
<embed src="Test.swf" quality="high" bgcolor="#ffffff" width="550" height="400" name="Test" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />  
</object>  

//网页JavaScript:
<script type="text/javascript" >
        $(function($) {
               $("#go").click(function(){
	  	  var myFlash = getFlashMovieObject("Test");
		  myFlash.TPlay("star");//在此Flash里有个叫star的电影片段
		});
	});
		   
	 function getFlashMovieObject(movieName) {  //这个是为了让所有浏览器能获取到Flash的ID
              if (window.document[movieName]){  
                     return window.document[movieName];     
              }  
              if (navigator.appName.indexOf("Microsoft Internet")==-1) {  
                     if (document.embeds && document.embeds[movieName]) 
                            return document.embeds[movieName];    
              } else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)     
              {      
                     return document.getElementById(movieName);     
               }   
         } 
</script>


//所有JS控制Flash的参数:(注意大小写)Play() ---------------------------------------- 播放动画 
StopPlay()------------------------------------停止动画 
IsPlaying()----------------------------------- 动画是否正在播放 
GotoFrame(frame_number)---------------- 跳转到某帧 
TotalFrames()------------------------------- 获取动画总帧数 
CurrentFrame()------------------------------回传当前动画所在帧数-1 
Rewind()-------------------------------------使动画返回第一帧 
SetZoomRect(left,top,right,buttom)-------放大指定区域 
Zoom(percent)------------------------------改变动画大小 
Pan(x_position,y_position,unit)------------使动画在x,y方向上平移 
PercentLoaded()----------------------------返回动画被载入的百分比 
LoadMovie(level_number,path)----------- 加载动画 
TGotoFrame(movie_clip,frame_number)- movie_clip跳转到指定帧数 
TGotoLabel(movie_clip,label_name)------ movie_clip跳转到指定标签 
TCurrentFrame(movie_clip)--------------- 回传movie_clip当前帧-1 
TCurrentLabel(movie_clip)-----------------回传movie_clip当前标签 
TPlay(movie_clip)---------------------------播放movie_clip 
TStopPlay(movie_clip)----------------------停止movie_clip的播放 
GetVariable(variable_name)-----------------获取变量 
SetVariable(variable_name,value)-----------变量赋值 
TCallFrame(movie_clip,frame_number)---call指定帧上的action 
TCallLabel(movie_clip,label)----------------call指定标签上的action 
TGetProperty(movie_clip,property)--------获取movie_clip的指定属性 
TSetProperty(movie_clip,property,number)-设置movie_clip的指定属性
其中TGetProperty 和 TSetProperty 的属性是使用数字0-18来获取的,下面是各数字代表的属性:
属性 作用 数字 使用方式
X Position X坐标 0 Get,Set 
Y Position Y坐标 1 Get,Set 
X Scale X方向缩放比率 2 Get,Set 
Y Scale Y方向缩放比率 3 Get,Set 
CurrentFrame movie_clip当前所在帧数 4 Get 
TotalFrames movie_clip总帧数 5 Get 
Alpha movie_clip的透明度 6 Get,Set 
Visibility movie_clip是否可见 7 Get,Set 
Width movie_clip的宽度 8 Get 
Height movie_clip的高度 9 Get 
Rotation movie_clip的旋转度 10 Get,Set 
Target movie_clip的路径 11 Get 
Framesloaded movie_clip已载入的帧数 12 Get 
Name movie_clip的实体名字 13 Get,Set 
DropTarget movie_clip的拖拽 14 Get 
Url 包含movie_clip的动画的url 15 Get 
HighQuality 设置画面质量为高质量 16 Get,Set 
FocusRect 显示按钮边框 17 Get,Set 
SoundBufTime 预设声音缓冲时间 18 Get,Set 

============================================================

感谢http://blog.csdn.net/feb13/article/details/7691793

【3】JS调用Flash里的函数

AS3

import flash.external.ExternalInterface;

ExternalInterface.addCallback("jsf",asf);
//允许js调用flash中的函数 参数1:要调用flash函数的js函数,参数2:被调用flash函数 
function asf(vvv){  
      inputa.text = vvv;
}  

JQUERY
$(document).ready(function() {
	var myFlash = getFlashMovieObject("Test");
	$("#go2").click(function(){
             var aaa = $("#input01").val();
             myFlash.jsf(aaa);
        });
});

function getFlashMovieObject(movieName) {  
     if (window.document[movieName]){  
           return window.document[movieName];     
     }  
     if (navigator.appName.indexOf("Microsoft Internet")==-1) {  
          if (document.embeds && document.embeds[movieName]) 
                return document.embeds[movieName];    
     }else{      
          return document.getElementById(movieName);     
     }   
} 

或者在JQUERY里这样
function getFlashMovieObject(movieName) {  
     if (window.document[movieName]){  
           return window.document[movieName];     
     }  
     if (navigator.appName.indexOf("Microsoft Internet")==-1) {  
          if (document.embeds && document.embeds[movieName]) 
                return document.embeds[movieName];    
     }else{      
          return document.getElementById(movieName);     
     }   
} 

function jsf(aaa) {
	var myFlash = getFlashMovieObject("Test");
        myFlash.jsf(aaa);
};
HTML
<form name="form1" οnsubmit="return false;">
         <input type="text" id="input01" value="" />
         <input type="button" value="Send" οnclick="jsf(this.form.input01.value);" /><br />
</form>




【4】JS获取FLASH里的值,再传回页面
JQUERY里(getFlashMovieObject函数就不写了,同上)

$("#topBtn4").click(function(){
	vr.askInfo();//查询当前FLASH的状态
	if(flashStatus != "idle"){
		vr.vrStop();
         }else{
		vr.vrPlay();
	};
});
//获取返回的flashStatus值,由JS调用FLASH里的函数,再调用回这个函数
function getInfo(fs){
    flashStatus = fs;
};


AS3

//允许js调用flash中的函数 参数1:要调用flash函数的js函数名,参数2:被调用flash函数名  
ExternalInterface.addCallback("askInfo", askInfo);


function askInfo(){//这个函数是让JS调用来获取FLASH状态信息的,再传递回JS
    var fs:String = flashStatus;
    ExternalInterface.call("getInfo",fs);
}









 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值