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