官方網址 http://www.jeroenwijering.com
這篇文檔包含了JW MP3 Player,JW FLVPlayer,JW Media Player,JW Image Rotator的安裝方法和配置方
法
JW PLAYERS 3.11 文檔
1,安裝 (在你的網站裡嵌入)
2,參數 (配置)
基本參數
顏色參數
介面參數
播放參數
互動參數
3,播放清單
4,自訂
5,支援
快速配置,可回合組態嚮導
1,安裝
下載後,你可以得到一個例子,當用文本或HTML編輯器開啟的時候,你可以發現swf是用一段短小的
javascript嵌入到頁面上的。這個Javascript是Geoff Stearns寫的swfobject.js,它解決了Flash需要激
活的麻煩。當複製swf到你的網站的時候,不要忘記了把swfobject.js一同複製過去。並且在頁面中的
Head中加入下面代碼
程式碼
複製代碼 代碼如下:<script type="text/javascript" src="swfobject.js"></script>
在swfobject.js的協助下你可以方便的設定swf的路徑,寬度,高度,背景顏色和所需要的Flash播放器的版本,也可以通過它設定一組參數來配置swf。當頁面載入的時候,javascript會根據id來替換頁面中的節點。
程式碼 複製代碼 代碼如下:<p id="player"><a href="http://www.macromedia.com/go/getflashplayer">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.flv&displayheight=300" />
2,參數
這些參數可以配置被嵌入到html中的播放器的行為和外觀。如果使用swfobject.js,可以用addVariable()方法來配置,如果使用的embed方式,可以通過定義"flashvars"屬性來組態變數,注意用"&"符號分割這些變數。
被*號標註的同樣適用於 JW Image Rotator
基本變數
displayheight(number):顯示地區的高度.控制地區最小高度是20px,當該值大於或等於swf的高度時,播放清單會自動隱藏,否這會顯示。
file*(url):要播放檔案的地址。 支援單檔案播放(MP3/FLV/RTMP/JPG/SWF/PNG/GIF),也支援播放清單。JW Image Rotator只支援列表
height*(number):設定swf的高度,當使用embed方式插入的時候,在embed的屬性裡已經設定了。但是有時候(特別是使用IE的時候)高度會變的不確定,影響了布局,這時候需要通過該參數設定下,該值的單位是px
image(url):當你播放mp3,flv的時候,你可以通過該值設定一個預覽圖作為專輯封面,支援 JPG/SWF/PNG/GIF file. 你也可以在播放清單中對每一項進行設定。
shownavigation*(true,false):該參數僅被JW Image Rotator支援。用來顯示或隱藏圖片導航。
transition* (fade,bgfade,blocks,bubbles,circles,fluids,lines,random,slowfade): 該參數僅被JW Image Rotator支援。用來設定圖片替換的效果。 設定為"random" 將隨機的設定效果.預設值為 "fade".
width*(number):設定swf的寬度,其他同height;