HTML页面元素控制FLASH

杨再三

浏览: 49833 次
性别:
来自: 上海

最近访客更多访客>>

blt

woodding2008

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

html flash

html false

如果抛离浏览器的平台，只是在FlashPlayer里播放我们的SWF文件，那么我们可以很自然地处理各个实例间的交互，但如果是在浏览器中运行我们的SWF文件了？我们能否将交互的范围扩大，让HTML页面的中元素来控制我们FLASH内部的交互了？答案是肯定的。

FlashVars
参数传递符
JavaScript

以上三种方式都可以实现HTML中的元素来”控制”FLASH的播放，

下面我们来以一个简单的例子做个试验：
目的：HTML控制FLASH中动态文本的显示

一、FlashVars的实现方式
1、FLASH文件的制作：
建立main.fla文件，在场景里放入一个动态文本，实例名_txt；加入代码: _txt.text = arg，发布文件（这里看到的是undefined ，因为我们还没有赋值）

2、打开main.html文件
<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=”http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#v
ersion=8,0,0,0″ width=”550″ height=”400″ id=”main” align=”middle”>
<param name=”allowScriptAccess” value=”sameDomain” />
<param name=”movie” value=”main.swf” />
<param name=”FlashVars” value=”arg=Internet Explorer” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<embed src=”main.swf” quality=”high” bgcolor=”#ffffff” width=”550″ height=”400″ name=”main” align=”middle” allowScriptAccess=”sameDomain” type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer”/>
</object>
在object中加入粗体的那行代码，然后打开main.html，文本框已经获取到了我们的赋值Internet Explorer

我们能否传递多个参数？能！
方法一：将我们要传递的参数用间隔符号隔开，然后FLASH接收字符串拆分（这是我们最容易想到的方法）
方法二：联想到FLASH与文本的通信我们可以尝试也是用&符号来间隔变量，通过试验是可行的。
1.<param name=”FlashVars” value=”arg=Internet Explorer&arg2=hello” />
1.AS 改写为 _txt.text = arg+”:”+arg2;
测试：我们接收到了两个变量，成功！

实际意义：与服务器语言结合，能够动态改变flashvars的value，使FLASH做出不相应的响应；相比一些通过URL传递参数的方法，这个传递的参数个数和长度不受URL地址长度的限制。

浏览器兼容：
在IE中测试通过，在FireFox中再做测试，发现FLASH无法获取到我们的参数，这是因为FF与IE接收FlashVars的格式不同：对mian.html稍作修改：去掉我们添加的那行粗体代码；更改：

二、参数传递符的实现方式
在URL请求中我们通常使用 “?”来传递参数，使用”&”来传递多个参数，如果用浏览器方式打开SWF文件，然后使用URL传递参数那么SWF能够接收到参数吗？可以做个简单的测试，答案是可以的。

但如果把这个SWF嵌入到HTML页中了？SWF就无法直接接收URL里传递的参数，因此这里需要另外一种做法。
依然使用上面的例子，我们在HTML页中插入SWF文件，然后更改：
<param name=”movie” value=”mian.swf?arg=IE&arg2=FF” />
测试HTML页面，成功接收两个参数。

浏览器兼容：
为了在FF中兼容，需要修改embed标签
<embed src=”mian.swf?arg=IE&arg2=FF” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”300″ height=”400″>
如果要IE FF都兼容，同样需要两个地方都做更改-_-!

三、JavaScript的实现方式
JS的强大功能让我们能够自由操作HTML页面中的各种元素，FLASH也不例外，JS提供了一些方法来直接操作页面中的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,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(variable_name,value)–变量赋值　这个方法：
1、设置插入的FLASH的object中id属性为”main”
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#v
ersion=7,0,19,0″ width=”400″ height=”180″ id=”main”>

2、自定义JS方法
function sendVar(args){
window.document.mian.SetVariable(”myVar.text”, args);
}
上面这段粗体代码即可访问到该页面中id为main的FLASH

3、在HTML页面中加入一个文本框表单，在焦点失去时调用上面的JS方法，将文本框中的数值在FLASH中传送
<input name=”" type=”text” onblur=”sendVar(this.value);”/>

4、测试IE浏览器通过
FF浏览器兼容
在FF中如果我们把FLASH的id写在了object中JS通信失败，解决方法是把id写如到embed中，而且object中不允许出现id的标签-_-!，所以要同时兼容IE FF似乎不可能实现，哪位有实现方式欢迎交流
来源:http://blog.sina.com.cn/s/blog_6233e22a0100f172.html

分享到：