官方網(wǎng)址 http://www.jeroenwijering.com
這篇文檔包含了JW MP3 Player,JW FLVPlayer,JW Media Player,JW Image Rotator的安裝方法和配置方
法
JW PLAYERS 3.11 文檔
1,安裝 (在你的站點(diǎn)里嵌入)
2,參數(shù) (配置)
基本參數(shù)
顏色參數(shù)
界面參數(shù)
播放參數(shù)
互動(dòng)參數(shù)
3,播放列表
4,自定義
5,支持
快速配置,可運(yùn)行配置向?qū)?nbsp;
1,安裝
下載后,你可以得到一個(gè)例子,當(dāng)用文本或HTML編輯器打開的時(shí)候,你可以發(fā)現(xiàn)swf是用一段短小的
javascript嵌入到頁(yè)面上的。這個(gè)Javascript是Geoff Stearns寫的swfobject.js,它解決了Flash需要激
活的麻煩。當(dāng)復(fù)制swf到你的站點(diǎn)的時(shí)候,不要忘記了把swfobject.js一同復(fù)制過去。并且在頁(yè)面中的
Head中加入下面代碼
程序代碼
復(fù)制代碼 代碼如下:
script type="text/javascript" src="swfobject.js">/script>
在swfobject.js的幫助下你可以方便的設(shè)置swf的路徑,寬度,高度,背景顏色和所需要的Flash播放器的版本,也可以通過它設(shè)置一組參數(shù)來(lái)配置swf。當(dāng)頁(yè)面加載的時(shí)候,javascript會(huì)根據(jù)id來(lái)替換頁(yè)面中的節(jié)點(diǎn)。
程序代碼
復(fù)制代碼 代碼如下:
p id="player">a >Get Flash/a> to see this player./p>
script type="text/javascript">
var so = new SWFObject('mediaplayer.swf','player','400','400','7');
so.addParam("allowfullscreen","true");
so.addVariable("file","test.flv");
so.addVariable("displayheight","300");
so.write('player');
/script>
在你不能使用javascript的情況下(比如你的bsp不支持,如myspace),你可以使用"embed"的方式來(lái)插入swf。
需要注意的是 swf可以不在該服務(wù)器上,但是如果你需要用xml的播放列表可能會(huì)有問題,因?yàn)閤ml必須和swf在同一個(gè)服務(wù)器上,否則會(huì)因?yàn)榘踩珕栴}被組織。mp3,jpg,flv可以不在該服務(wù)器上。
程序代碼
復(fù)制代碼 代碼如下:
embed src="http://www.myfileserver.com/folder/mediaplayer.swf" width="400" height="400"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"
flashvars="file=http://www.myfileserver.com/folder/test.flvdisplayheight=300" />
2,參數(shù)
這些參數(shù)可以配置被嵌入到html中的播放器的行為和外觀。如果使用swfobject.js,可以用addVariable()方法來(lái)配置,如果使用的embed方式,可以通過定義"flashvars"屬性來(lái)配置變量,注意用""符號(hào)分割這些變量。
被*號(hào)標(biāo)注的同樣適用于 JW Image Rotator
基本變量
displayheight(number):顯示區(qū)域的高度.控制區(qū)域最小高度是20px,當(dāng)該值大于或等于swf的高度時(shí),播放列表會(huì)自動(dòng)隱藏,否這會(huì)顯示。
file*(url):要播放文件的地址。 支持單文件播放(MP3/FLV/RTMP/JPG/SWF/PNG/GIF),也支持播放列表。JW Image Rotator只支持列表
height*(number):設(shè)置swf的高度,當(dāng)使用embed方式插入的時(shí)候,在embed的屬性里已經(jīng)設(shè)置了。但是有時(shí)候(特別是使用IE的時(shí)候)高度會(huì)變的不確定,影響了布局,這時(shí)候需要通過該參數(shù)設(shè)置下,該值的單位是px
image(url):當(dāng)你播放mp3,flv的時(shí)候,你可以通過該值設(shè)置一個(gè)預(yù)覽圖作為專輯封面,支持 JPG/SWF/PNG/GIF file. 你也可以在播放列表中對(duì)每一項(xiàng)進(jìn)行設(shè)置。
shownavigation*(true,false):該參數(shù)僅被JW Image Rotator支持。用來(lái)顯示或隱藏圖片導(dǎo)航。
transition* (fade,bgfade,blocks,bubbles,circles,fluids,lines,random,slowfade): 該參數(shù)僅被JW Image Rotator支持。用來(lái)設(shè)置圖片替換的效果。 設(shè)置為"random" 將隨機(jī)的設(shè)置效果.默認(rèn)值為 "fade".
width*(number):設(shè)置swf的寬度,其他同height;
1234下一頁(yè)閱讀全文