視頻播放器之————JW Player參數詳解

JW Player參數詳解

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；

顏色變量
backcolor*(color):設置播放器的背景顏色。JW Media Player等默認爲 0xFFFFFF (白色) JW Image Rotator默認爲 0x000000 (黑色).
fontcolor*(color):設置文字和按鈕的顏色。JW Media Player等默認爲 0x000000 (黑色) JW Image Rotator默認爲 0xFFFFFF (白色).
lightcolor*(color):設置被被激活狀態的顏色。JW Media Player等默認爲 0x000000 (黑色) JW Image Rotator默認爲 0xCC0000 (紅色).

 

界面參數
autoscroll(true,false):當播放列表過長的時候，默認會自動顯示滾動條。當該值設置爲'true'的時候，會自動根據鼠標滾動播放列表。
displaywidth(number of pixes):設置顯示區域的寬度，當設置的比較小的時候，播放列表會顯示在顯示區域的右側而不是底部。
kenburns* (true,false): 用以實如今運動的時候實現kb效果（Ken Burns effect），注意，當圖比較大，並且網速比較快的時候，建議打開，不然關閉。建議設置transition爲"slowfade"來配合。
largecontrols (true,false): 設置該值爲true用來放大控制區域的按鈕。建議爲視力很差的用戶打開
logo* (url): 設置一個圖片用來做爲右上角的水印，支持全部圖片格式，支持通明圖層的png效果最佳。
overstretch* (true,false,fit,none): 設置圖片/影片在顯示區域的縮放。"true"等比例拉伸用來符合顯示區域。"false"僅拉伸合顯示區域。"fit"全屏顯示。"none"顯示原始 大小。JW Media Player等默認爲"fit",JW Image Rotator默認爲"false"
showdigits (true,false,total): 設置爲"false"隱藏播放時間等信息用來節省控制區域的空間。設置爲"total"用來顯示所有時間。
showdownload (true,false):設置該值用來在控制區域顯示下載按鈕。連接到link所設置的地址。
showeq (true,false): 用來顯示一個假的音頻波動效果。當播放mp3的時候打設置該值能夠獲得很好的效果
showicons* (true,false): 用來顯示或者隱藏顯示區域中間的圖片，JW Media Player等默認爲true。JW Image Rotator默認爲false；
showvolume (true,false): 用來設置是否顯示音量控制按鈕
thumbsinplaylist (true,false): 設置列表中是否顯示預覽圖

 

播放參數
autostart (true,false,muted): 設置爲ture，頁面加載完後會自動播放。設置爲muted，會在靜音模式下自動播放，而且顯示區域中間有靜音圖標。
bufferlength (number): 設置flv的緩存時間。默認爲3秒
repeat* (true,false,list): 默認爲flase，從當前播放位置播放到列表尾部後中止。設置爲list會播放列表中全部的項目，設置爲true會循環播放。
rotatetime* (number): 設置圖片的顯示時間。JW Media Player等默認爲10秒,JW Image Rotator默認爲5秒
shuffle* (true,false): 設置爲false順序播放，設置爲true無序播
smoothing (true,false): 設置爲false關閉視頻平滑處理，推薦設置true用以獲得更好效果。但對於大屏幕或者配置低的機器設置false是有好處的
start* (second): 在使用RTMP 或 HTTP 流媒體的時候（很是規的flv/mp3)，使用該變量準確的定位開始位置。該參數設置在XSPE格式的列表中以便準且的設置文件的章節。
volume* (number): 設置音量，默認爲80.

 

互動參數
audio* (url):用這個參數來添加一個mp3文件做爲單獨的音頻，能夠做爲圖片的背景音樂解說等。
bwfile (url):用以帶寬檢測的文件的地址，能夠放一個圖片，或者rtmp流媒體。能夠在右鍵菜單中查看到貸款數值。
bwstreams (comma-separated list of bitrates):
和 bwfile配合使用，根據帶寬值來選擇不一樣的文件。如：你要播放video.flv而且設置該項的值爲100,250,500,1000,當播放器發現 帶寬爲349kbps的時候，將會播放video_250.flv。因此他有一套有效的命名設置，他將會自動切換，哪怕是在採用播放列表的狀況下。
callback (url):設置這個參數爲服務端程序（php/asp)地址用來回傳數據。在每一個項播放和中止的時候會發送數據到服務器，以便在服務器端保存播放統計。
captions (url): 設置該值用以載入一個文本格式的文本做爲字幕。播放器至支持SMIL格式和DVD的SRT格式的字幕。若是你的flv文件內置字體你能夠設置該值 爲"captionate".若是你有多頻道字幕，能夠設置這個值爲"captionate0", "captionate3"等。能夠在列表中設置每個項的值。
enablejs* (true,false): 設置爲true打開對javascript的支持。僅支持在線使用。javascript能夠控制播放，加載媒體，得到當前播放項的詳盡信息。
fsbuttonlink (url):若是用戶的flashplayer版本高於（9.0.28）播放器會自動的顯示一個全屏按鈕。經過設置該值，你能夠連接到另外的頁面用以全屏顯示。服務端程能夠設定將要播放的文件。
id (string): 播放器的惟一標識。將會被回傳到服務器端。
javascriptid* (string):若是你的頁面上有多個播放器，你能夠設置這個參數給每一個播放器不一樣的id，這樣就能夠方便的用javascript來控制。他將回傳到getUpdate（）事件中。
link (url): 經過這個參數用來設置一個可如今的版本，或者強制用戶經過該地址下載當前項。能夠在播放列表中爲每一項設置該值。
linkfromdisplay* (true,false):設置顯示區域被點擊時要訪問的頁面。默認點擊顯示區域時會進行播放/暫停操做。
linktarget* (frame): 設置連接目標，"_self"在當前頁打開。"_blank"在新頁面中打開。
streamscript (url):設置這個參數爲了兼容‘僞流媒體'FLV文件。
type (mp3,flv,rtmp,jpg,png,gif,swf,rbs,3gp,mp4,m4v): 播放器會根據文件名的最後三個字符來判斷類型。在你使用服務器端語言進行重定向時，這種方法將不會再有效。因此你能夠設置這個參數來告訴播放器文件類型。 你也能夠在播放列表中對每一項進行設置。若是播放器找不到文件類型將會被識別爲播放列表。
useaudio (true,false): 設置爲false用來改變爲靜音狀態。
usecaptions (true,false):設置爲false隱藏字幕.
usefullscreen (true,false):若是你不但願用flashplayer9的全屏模式。能夠設置"fsbuttonlink"參數用來替換全屏按鈕的事件。
usekeys (true,false): 設置爲"false"用來取消鍵盤操做(SPACE,UP,DOWN,LEFT,RIGHT)

 

 

 

repeat播放模式 ：list列模式、none單曲模式、always循環模式

autostart是否自動播放：true,false

stretching縮放模式: fill按比例拉伸 uniform居中、exactfit拉伸、none無

 

 

new SWFObject(hostPlayer + "player.swf", "adPlayer", wid, hei, "9");

adPlayer.sendEvent(event); //event值 1.stop中止視頻、2. play開始

/*

*對播放器的狀態監聽，stateTracker爲監聽方法在狀態改變時自動調用

 *state值：1.playing播放中 2.paused中止 3.idle空閒 4. completed結束

**/

adPlayer.addModelListener("state", "stateTracker");

 

//播放視頻在播放列表中的索引

slPlayer.sendEvent("ITEM", i);

 

//設置電臺容器標籤

sObj.write("slPlayerSpace");

 

duration視頻持續時間(播放時間)

 

 

 

----------------------js版jwplayer方法記載--------------------

 

jwplayer().getPosition()；//播放了多少秒

jwplayer('playerdiv').play(); ||　

jwplayer(０).play(true/false);　 //是否播放　０爲索引

jwplayer(０). pause (true/false);   //是否暫停

jwplayer(０). stop();   //中止無參

jwplayer().getBuffer(); //加載了百分之幾

jwplayer().getFullscreen();setFullscreen(state);//是否全屏

jwplayer().getMute();setMute(state)//是否靜音

 

jwplayer().getPlaylist()[0]['file'] ||

jwplayer().getPlaylistItem(0)['file']//獲取播放列表中索引爲0項的file值

 

jwplayer().getWidth()  jwplayer().getHeight() //寬高

 

jwplayer().getState()//state值：1.playing播放中 2.paused中止 3.idle空閒 4. completed結束

 

jwplayer().getDuration() //視頻播放結束須要的時間

 

jwplayer().getVolume()//聲音大小

 

//加載播放列表

var playlist = new Array(

{file:"video/123.mp4", image:"images/videoimg1.jpg"},

{file:"video/234.flv", image:"images/videoimg1.jpg"});

jwplayer(0).load(playlist);

 

jwplayer(0).playlistItem(1); //播放下標爲1的視頻

jwplayer(0).playlistNext();//播放下一個視頻

jwplayer(0).playlistPrev();//播放上一個視頻

jwplayer(0).resize(width, height); //寬高

//從第(10-緩衝秒數)秒開始，緩衝(bufferlength)默認爲3秒

jwplayer(0).seek(10);

 

events:{

    onComplete: function(){ alert("播放結束!!!");},

    onVolume: function(){ alert("聲音大小改變!!!"); },

    onReady: function(){ alert("準備就緒!!!"); },

    onPlay: function(){ alert("開始播放!!!");},

    onPause: function(){ alert("暫停!!!");}       --1

}

 

Jwplayer(0).onPause: function(){ alert("暫停!!!");} //與1等同，先執行1

 

//回調函數

jwplayer(0).onBufferChange( function(){ alert("緩衝改變!!!"); } );

jwplayer(0).onBufferFull(function(){ alert("視頻緩衝完成!!!");});

jwplayer(0).onError(function(obj){alert("播放器出錯!!!"+obj.message);})

 

jwplayer(0).onFullscreen(function(obj){

if(obj.fullscreen){alert("全屏");}

    else{alert("非全屏");}

});

onMute(callback) // obj. mute是否靜音

onPlaylist(function(obj){ //視頻列表載入完成

    alert(obj.playlist[0]['file']);

});

onPlaylistItem(callback) // 開始播放一個視頻時觸發obj. index爲視頻索引

onReady(callback) //準備就緒

onResize(callback) //obj.width obj.height  寬高

 

//進入播放時觸發obj.oldstate 值：從BUFFERING PAUSE狀態進入播放狀態

onPlay(callback)

 

//進入暫停obj.oldstate 值1：從PLAYING BUFFERING狀態進入暫停

onPause(callback)

 

onBuffer(callback) //進入加載obj.oldstate 值PLAYING, PAUSED or IDLE

 

onIdle(callback) //進入空閒obj.oldstate 值PLAYING, PAUSED or BUFFERING.

 

onComplete(callback) //結束播放

 

onVolume(callback) //obj.volume