[翻譯] JW Media Player 中文文檔第1/4頁

來源:互聯網
上載者:User

官方網址 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;

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.