|
一直想為 SWFObject 這個(gè)JS的類庫寫一個(gè)推薦帖，因?yàn)樗p便，同時(shí)功能強(qiáng)大，為我們的開發(fā)帶來了很大的便捷。
SWFObject是一個(gè)基于Javascript的Flash媒體版本檢測(cè)與嵌入模塊，其主要使用目的是讓我們將FLASH嵌入網(wǎng)頁中的操作更簡(jiǎn)單，加入了版本檢測(cè)功能，符合XHTML的標(biāo)準(zhǔn)驗(yàn)證的插入，并解除了IE對(duì)FLASH點(diǎn)擊激活的限制，對(duì)主流瀏覽器兼容。
首先讓我們看一段SWFObject作用的代碼：
//載入SWFObject類庫
<script type="text/javascript" src="swfobject.js" mce_src="swfobject.js"></script>
//設(shè)置一個(gè)DIV，并設(shè)置ID，這個(gè)DIV將做為FLASH插入的容器
<div id="flashcontent">播放此動(dòng)畫需要FlashPlayre8.0+ </div>
//利用SWFObject來插入FLASH
<script type="text/javascript"> var so = new SWFObject("movie.swf", "mymovie", "200", "100", "7", "#336699");
//將id為flashcontent的DIV中內(nèi)容替換為FLASH
so.write("flashcontent");
</script>
看了上面的代碼感覺如何？比起平時(shí)用Object來插入FLASH文件是不是簡(jiǎn)潔多了，而且代碼結(jié)構(gòu)更清晰，對(duì)這段代碼的中文解釋可參看AW對(duì)SWFObject的翻譯，已經(jīng)很詳細(xì)了，不再贅述，下面只介紹一下個(gè)人認(rèn)為最實(shí)用的功能。
一、版本檢測(cè)
難免存在播放器版本過低的用戶，而且他們大多數(shù)是低端用戶，對(duì)電腦知識(shí)了解較淺，如果他們看不到我們所指出的FLASH動(dòng)畫，或者是由于播放器版本不支持新版本中的某些特性，用戶看到的是殘缺的動(dòng)畫，那么這就是一個(gè)糟糕的用戶體驗(yàn)，用戶很容易將一切因素都?xì)w咎于產(chǎn)品的開發(fā)者。實(shí)用SWFObject就可以很好的避免這一麻煩，當(dāng)它檢測(cè)到用戶的播放器版本低于我們?cè)O(shè)置的版本時(shí)，F(xiàn)LASH不會(huì)替換DIV容器中的內(nèi)容，因此我們可以在這里給用戶提示，例如：“你需要升級(jí)FLASH播放器版本至8.0+”。如果條件允許，我們可以在這里給用戶一個(gè)Adobe的FlashPlayer的升級(jí)鏈接或者直接提供一個(gè)Active安裝包給用戶下載安裝。
二、對(duì)FlashVars的支持
so.addVariable("arg1","test1"));
so.addVariable("arg2","test2"));
上面兩句代碼將以FlashVars的方式給FLASH的ROOT中添加兩個(gè)變量arg1=test1，arg2=test2，簡(jiǎn)潔，方便，同時(shí)不用我們?cè)倏紤]IE和FF的兼容問題。
注意：JS跟FLASH通信是以字符串傳遞的，因此對(duì)于Number型變量FLASH端需要做類型轉(zhuǎn)換。
三、設(shè)置FLASH內(nèi)聯(lián)參數(shù)
so.addParam("wmode", "transparent");
這是我們很熟悉的設(shè)置FLASH背景透明的代碼，其他內(nèi)聯(lián)屬性可以嘗試設(shè)置一下。
四、獲取URL中的變量
對(duì)于url?arg1=test1&arg2=test2這樣用GET方式傳遞變量的URL，我們可以用getQueryParamValue方法來獲取變量。
var t1 = getQueryParamValue("arg1");
alert(t1);
經(jīng)典論壇交流：
http://bbs.blueidea.com/thread-2750267-1-1.html
本文鏈接：http://www.95time.cn/tech/multimedia/2008/5932.asp 
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
◎進(jìn)入論壇RIA設(shè)計(jì)與應(yīng)用版塊參加討論
|
