HTML向FLASH传参数的3种方法

本文介绍了三种将参数从HTML页面传递到SWF文件的方法:通过SWF地址后的参数传递符“?”、使用FlashVars属性以及利用JavaScript进行动态控制。这些方法可以帮助开发者更好地集成Flash内容并实现更强大的交互功能。

一、SWF地址后使用参数传递符“?”,

HTML页面中插入SWF文件最常用的就是使用Object标签和Embed标签结合的方式,这也是Adobe的推荐方式:

<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="400" height="300" id="flashvars" align="center">

<param name="allowscriptAccess" value="sameDomain" /> 

<param name="movie" value="test.swf?xname=xvalue&xname2=xvalue2" />

<param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />

<embed quality="high" bgcolor="#ffffff" width="400" src="test.swf?xname=xvalue&xname2=xvalue2" height="300" allowscriptAccess="sameDomain"  name="flashvars" align="center" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

</object>

swf地址后面通过类似于URL中GET方式传参的方法来个SWF传递参数,例如上面代码在页面完全加载完毕时,它已经给SWF文件写入了两个变量:uid=12和uname=vsky。

二、FlashVars传递

  你可以查阅FLASH帮助文档来看FlashVars的官方定义。其实在HTML语法中,这是一个被很多新手所忽视的属性,同样以上面的参数为例,下面用FlashVars来传递变量:

<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="400" height="300" id="flashvars" align="center">

<param name="allowscriptAccess" value="sameDomain" /> 

<param name="movie" value="demo.swf" />

<param name="FlashVars" value="xname=xvalue&xname2=xvalue2" />

<param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />

<embed src="demo.swf" FlashVars="xname=xvalue&xname2=xvalue2" allowscriptAccess="sameDomain" quality="high" bgcolor="#ffffff" width="400" height="300" name="flashvars" align="center" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

</object>

跟方式一相同,它也是直接给FLASH里添加了这两个变量。推荐使用此方式,结合SWFObject的使用,使用FlashVars来传递变量有很多好处,例如代码清楚,轻易治理,浏览其兼容,符合标准。

三、JS控制

  对于客户端页面中的资源,JS通过DOM结构来控制它们可以说是随心所欲的,FLASH也不例外,下面是Flash Player的Javascript方法一览表: 

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, variable_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的指定属性

在这里我们只需要使用的是SetVariable方法,JS通过调用此方法能够直接更改SWF中的变量值。首先我们需要定义插入的SWF的 ID,例如id为VskyDemo,那么我们可以通过下面的JS语句来完成SWF内部变量的置:

document.getElementById("xswf").SetVariable("xname","xvalue"); //不同浏览器获取FLASH对象方法不同

变量名xname可以作为已声名的变量直接在FLASH内使用 

var movie,timer,step,total,state=null,delay=100 function init(){//在 Flash 加载完成后初始化相关变量的函数 /*捕获 id 为 movie 的对象,若要兼容NS, 可用 window.document.movie 代替*/ movie=document.getElementById("movie") //每 delay 毫秒执行一次 showStatus() 函数 timer=setInterval("showStatus()",delay) total=movie.TotalFrames //获取 Flash 的总帧数 step=total/50|0 //快进快退时的步长 buttonState(false) //调用 buttonState() 函数,设置控制按钮可用 movie.width=Math.min(movie.TGetProperty("_level0",8),document.body.clientWidth-25)//设置 Flash 的宽 //设置 Flash 的高 movie.height=movie.TGetProperty("_level0",9) } function Rewind(){ movie.Rewind() //使 Flash 返回到第一帧 } function Back(){//控制快退的函数 //如果当前帧数不为 0 并且 Flash 不处于快进状态 if(movie.FrameNum!=0&&state!="forward"){ state="back" //设置状态变量为 back Quick() //调用实现快进快退的 Quick() 函数 // delay 毫秒后再次执行 Back() 函数,以实现不断快退的效果 setTimeout("Back()",delay) } else state=null //快退完成后设置状态变量 state 为 null } function Play(){ movie.Play() //播放 Flash } function Pause(){ /*如果 Flash 正在播放,就调用 Flash 的 StopPlay() 方法使之停止播放, 否则调用 Flash 的 Play() 方法使之播放*/ with(movie)IsPlaying()?StopPlay():Play() } function Stop(){ movie.StopPlay() //停止播放 Flash } function Forward(){ //如果当前帧数不在最后一帧并且 Flash 不处于快退状态 if(movie.FrameNum!=total-1&&state!="back"){ state="forward" //设置状态变量为 back Quick() //调用实现快进快退的 Quick() 函数 // delay 毫秒后再次执行 orward() 函数,以实现不断快进的效果 setTimeout("Forward()",delay) } else state=null //快进完成后设置状态变量 state 为 null } function GoToEnd(){ movie.GoToFrame(total-1) //跳到 Flash 的最后一帧 } function Replay(){ Rewind() //使 Flash 返回到第一帧 Play() //播放 Flash /*因为多数 Flash 都有一个停止的画面,让用户点击播放按钮后再播放,在 delay*5 毫秒后执行 Play(),可以跳过那个画面(仅适用于部分 Flash)*/ setTimeout("Play()",delay*5) } function showStatus(){ var N=movie.FrameNum+1 //取得 Flash 当前播放到的帧数 //根据 Flash 的播放进度设置 id 为 bar 的表格的宽度 bar.style.width=Math.round(N*100/total)+"%" //在 id 为 frameCount 的对象中显示当前帧数和总帧数 frameCount.innerText=N+"/"+total } function Quick(){ //根据当前状态,计算快进或快退时将要跳转到的目标帧 var targetFrame=movie.FrameNum+step*{back:-1,forward:1}[state] movie.GoToFrame(targetFrame) //跳到目标帧 } function selectMovie(){ /*触发 id 为 moviefile 的上控件的 Click (单击)事件, 使之弹出"选择文件"对话框*/ document.getElementById("moviefile").click() } function loadMovie(){ //取得触发本事件的对象的值(上控件的内容) var file=event.srcElement.value //通过判断所选择文件的扩展名是否为".swf"以实现简单的过滤 if(/\w\.swf$/.test(file)) { movie.LoadMovie(0,file) //加载 Flash 文件 loaded() //调用下载进度显示的函数 } //如果文件名为".swf"以外的,弹出警告说明 else alert("文件格式错误,请重新选择") } function buttonState(de){ //捕获 id 为 ctlButtons 的对象内的所有标签名为 "button" 的对象 var buttons=ctlButtons.document.all.tags("BUTTON") //设置除"打开 Flash 文件"按钮以外的所有控制按钮的禁用状态 for(var i=0;i<buttons.length-1;i++) buttons[i].disabled=de } function loaded(){ //捕获 id 为 movie 的对象 var movie=document.getElementById("movie") if(movie.PercentLoaded()==100)//如果 Flash 下载完成 init() //调用初始化有关变量的函数 init() //否则在 delay 毫秒后再次执行 loaded() 函数 else setTimeout("loaded()",delay) //根据下载量显示 id 为 bar 的表格的宽度 bar.style.width=movie.PercentLoaded()+"%" frameCount.innerText=bar.style.width //显示下载百分比 } body,td,button{font:normal 12px Tahoma;color:#333333;text-align:center} button{border:1px solid #333333;background:#EEEEEE;margin:2px;font-family:Webdings;height:20px} //换成你的swf地址// 9 7 4 ; < 8 : q 5 buttonState(true) //在 Flash 文件未下载完之前禁用控制按钮 loaded() //调用下载进度显示的函数
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值