如果你还在为插入Flash Object 苦恼,快来试试这个!

大家在项目中常常要插入Flash Object,一般一个FlashObject在HTML中代码是这样的:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8"
width="320" height="220"
id="theMediaPlayer">
<param name=movie value="mediaplayer.swf">
<param name=quality value="high">
<param name=bgcolor value="#FFFFFF">
<param name=allowFullScreen value="false">
<param name=swLiveConnect value="true">
<param name=allowScriptAccess value="sameDomain">
<param name="FlashVars" value="file=mixmediaplaylist.xml&width=320&height=220&displaywidth=320&displayheight=200&autostart=true&backcolor=0xFFFFFF">
 
<embed type="application/x-shockwave-flash" 
pluginspage="http://www.macromedia.com/go/getflashplayer" 
width="320" height="220" bgcolor="#FFFFFF" 
name="theMediaPlayer"
src="mediaplayer.swf"
flashvars="file=mixmediaplaylist.xml&width=320&height=220&displaywidth=320&displayheight=200&autostart=true&backcolor=0xFFFFFF">
</embed>
</object>
 

OBJECT和EMBED标签的问题

看起来似乎挺复杂,首先是一个<object>对象,接着是很多的param,完了又出来一个<embed>对象,跟着一大堆的参数。其实这样写是因为兼容性的问题。OBJECT标签是用于windows平台的IE浏览器的,而EMBED是用于windows和Macintosh平台下的Netscape Navigator浏览器以及Macintosh平台下的IE浏览器。windows平台的IE利用Activex控件来播放flash而其它的浏览器则使用Netscape插件技术来播放flash。

具体可以参考下面的文档:
  1. Flash OBJECT和EMBED标签详解
  2. Adobe 的官方文档:Macromedia Flash OBJECT and EMBED tag syntax

 

参考文档我们就可以通过各种方法向客户段按照正确的格式输出FlashObject的代码了,但字符串的拼接操作枯燥又容易出错,代码可读性还不好,有什么更好的办法吗?

在这里要特别提一下的就是FlashObject的FlashVar参数,很多应用都要靠着这个参数传入大量有复杂数据格式的数据对(pair),构建这个参数往往是最麻烦的。

关于FlashVar:  Using FlashVars to pass variables to a SWF

使用<swfobject>

image SWFObject是一种易用的、符合标准的在网页中嵌入flash对象的方法,你只需要在网页中引用一个小巧的js文件。

使用SWFObject就可以避免因为不熟悉Flash Object复杂的语法和选项带来的浏览器不兼容的问题。

使用<swfobject>的大体代码示范如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <title>SWFObject v2.0 - step 3</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript" src="swfobject.js"></script>
 
    <script type="text/javascript">
    swfobject.registerObject("myId", "9.0.0", "expressInstall.swf");
    </script>
 
  </head>
  <body>
    <div>
 
      <object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="780" height="420">
 
        <param name="movie" value="myContent.swf" />
        <!--[if !IE]>>
        <object type="application/x-shockwave-flash" data="myContent.swf" width="780" height="420">
        <!<![endif]–>
          <p>Alternative content</p>
        <!–[if !IE]>>
        </object>
        <!<![endif]–>
      </object>
    </div>
  </body>
</html>

SWFObject 首页: http://code.google.com/p/swfobject/

对于FlashVar参数的传入,SWFObject提供了专门的函数,用起来非常方便,代码可读性也强了。

有没有更好的?

实际上,对于ASP.NET的开发者,使用<swfobject>也还是有很多不方便的地方,没有强数据类型,参数传入都要转为字符串,还有做一些拼接的工作,代码还是不优雅。有没有更好的办法呢?

ASPNetFlash WebControl

image ASPNetFlash WebControl 可以让你轻松的把一个Adobe Flash文件插入到你的ASP.NET web forms里面。

 

 

 

ASPNetFlash的网址:http://www.aspnetflash.com/aspnetflash_Download_Free_Trial.aspx

下载安装后的效果:

image

真的不错,基本的属性设置,还有对FlashVar的数据绑定支持。

转: http://www.winbile.net/cms/News/Newsc7c84i12746.aspx

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
<script language="JavaScript"> 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 //显示下载百分比 } </script> <style> 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} </style> </head> <body topmargin="0"> <div style="border:1px solid #666666;padding:3px"> <object id="movie" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="550" height="400" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="flash/只有爱是不会忘记的.swf" /> //换成你的swf地址// <param name="quality" value="high" /> <param name="menu" value="false" /> <param name="scale" value="noscale" /> <param name="bgcolor" value="#000000" /> <embed name="movie" src="http://file.flash8.net/film/cn2001/snake/snake05.swf" menu="false" quality="high" bgcolor="#000000" width="550" height="400" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> <table style="width:550px" cellspacing="0" cellpadding="0" border="0"> <tr> <td style="vertical-align:middle"> <table style="border:1px solid #333333;width:90%;height:5px" cellpadding="1" cellspacing="0"> <tr> <td style="text-align:left;vertical-align:middle"> <table cellspacing="0" cellpadding="0" id="bar" style="width:0%;height:3px;background:#00FF44"> <tr> <td> </td> </tr> </table> </td> <tr> </table> </td> <td style="text-align:right;width:50px" id="frameCount"></td> </tr> </table> <span id="ctlButtons"> <button onClick="Rewind()" title="跳至第一帧">9</button> <button onClick="Back()" title="退">7</button> <button onClick="Play()" title="播放">4</button> <button onClick="Pause()" title="暂停">;</button> <button onClick="Stop()" title="停止"><</button> <button onClick="Forward()" title="进">8</button> <button onClick="GoToEnd()" title="跳至最末帧">:</button> <button onClick="Replay()" title="重放">q</button> <button onClick="selectMovie()" title="打开 Flash 文件">5</button><input type="file" id="moviefile" style="display:none" onpropertychange="loadMovie()"></span> <script defer> buttonState(true) //在 Flash 文件未下载完之前禁用控制按钮 loaded() //调用下载进度显示的函数 </script>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值