国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
JW Player使用簡介
JW Player使用簡介
雜項 2009-10-20 23:07:45 閱讀15674 評論92
字號:大中小
一、JW Player是什么?
簡單地說,JW Player是一種基于flash的交互式網(wǎng)頁媒體播放器。它是由Jeroen 和 Wijering共同建立的LongTail Video所開發(fā),問世于2005年,當時仍名不經(jīng)傳的YouTube首次采用的播放器就是JW Player。官方網(wǎng)址:http://www.longtailvideo.com/
JW Player含:FLV Player、WMV Player、Image Rotator和Desktop Player四種,除了最后一種實為桌面播放器,其他三種都是網(wǎng)頁播放器。本篇內(nèi)容僅限FLV Player。
二、JW FLV Media Player簡介
JW FLV Media Player可播放Adobe Flash Player所支持的媒體,具體包括:FLV、MP4、MP3、AAC、JPG、PNG和GIF等,還支持RTMP、HTTP、實時視頻流、各種播放清單格式、靈活的設置和廣泛的javascript API。此外它還提供多種外觀、功能性插件來擴展播放器,以便我們可以分享、推薦、搜索、分析甚至廣告投放。
目前(2009-10-20)最新的版本是4.6版。
三、安裝
JW Player可安裝在網(wǎng)絡空間,我從未如此運用過,而是上傳到我的網(wǎng)盤,因此本篇的介紹也是基于此種情況,而列為看官當然懂得如何觸類旁通。另外,我們一定要選擇可以直鏈的網(wǎng)盤上傳(本篇的示例網(wǎng)盤是MyOtherDrive),何謂“直鏈”,即外鏈地址以完整的文件名為結尾(含.后綴名),如http://www.xxx.com/xxx.mp3。
1、首先到官網(wǎng)下載源文件,下載地址:http://www.longtailvideo.com/players/jw-flv-player/。

下載來的文件是zip壓縮包,解壓之后可以看到內(nèi)含以下文件:

2、將player.swf和swfobject.js這兩個文件上傳到網(wǎng)盤(建議在網(wǎng)盤上為它們單獨建立一個文件夾,本篇示例文件夾JW Player),安裝即告完畢,就這么簡單!
四、使用設置向導
官網(wǎng)特別提供一個設置頁面http://www.longtailvideo.com/support/jw-player-setup-wizard,可以在網(wǎng)頁上提交、設置播放器參數(shù),生成嵌入代碼,把生成的代碼稍作修正后粘貼到博客或空間即可。
設置向導提供兩種代碼:默認的Swfobject 1.5 Code(即JavaScripting)和Embed Code。我沒有機會運用Swfobject 1.5 Code,因此本篇只介紹Embed Code。
前面我提到過生成的代碼要稍作修正:為了方便在網(wǎng)頁小窗口瀏覽生成的代碼,官網(wǎng)給出的代碼是按各項參數(shù)分行了的,如果復制后就直接粘貼,可能會使播放器不能正常工作,我建議先把代碼復制到“記事本”后,刪除段落標記,注意每項參數(shù)之間還要保留一個空格位,再復制到空間或博客。
Embed 代碼的格式一般是這樣:參數(shù)1=”參數(shù)值” 參數(shù)2=”參數(shù)值” ……參數(shù)n=”參數(shù)值”>。
關于Embed Code各項參數(shù)的詳細介紹,請參閱Adobe官網(wǎng):http://kb2.adobe.com/cps/127/tn_12701.html。這個話題不小,值得另開一篇介紹文章。
1、設置向導概覽
(點擊打開大圖)
JW Player設置非常靈活,代價就是參數(shù)非常多,搞清楚參數(shù)的意義很重要,官網(wǎng)也提供相關資料供我們查閱:http://developer.longtailvideo.com/trac。
特別注意:如果你的網(wǎng)址參數(shù)值帶有“?”、“=”和“&”這三個字符,必須先轉換再填寫,如下:
“?”轉換為“%3F”
“=”轉換為“%3D”
“&”轉換為“%26”
例如:原網(wǎng)址為:getplaylist.php?id=123&type=flv,轉換后為:getplaylist.php%3Fid%3D123%26type%3Dflv。
2、選擇模板

官網(wǎng)為我們提供了多達21種模板,每選擇一種模板,下面的參數(shù)值和播放器預覽將自動更新。雖然大部分模板今后我們恐怕幾乎用不上,我還是建議新手一定要把每一種模板都點擊一下,再好好體會下面的參數(shù)值,這既有助于我們領會眾多參數(shù)所代表的含義,還可以在播放器預覽直接看到參數(shù)所體現(xiàn)的效果。
模板其實就是一件半成品,熟悉模板還可以讓我們快速而準確地挑選最接近成品的模板,善用模板將大大提高效率。
需要多費口舌的是帶播放清單模板“flvplayer with an rss playlist”,這個留待后面談flie參數(shù)時再詳細介紹。
3、嵌入?yún)?shù)
嵌入?yún)?shù)有三個內(nèi)容:
*swf來源:填寫我們之前上傳到網(wǎng)盤player.swf的直鏈地址
*播放器高度:填寫pix(像素)值或瀏覽窗口百分比
*播放器寬度:填寫pix(像素)值或瀏覽窗口百分比

如果高度和寬度填寫的是百分比,那么播放器的大小是彈性的,它將隨瀏覽器窗口和所在網(wǎng)頁留給播放器窗口的大小而變化。

4、媒體文件屬性參數(shù)
*媒體作者:填寫媒體作者名字
*媒體描述:媒體的文字描述
*字幕:XML字幕文件的鏈接地址(XML字幕文件也是一個大話題,將另文介紹)
*持續(xù)時間:媒體播放的持續(xù)時間(秒)
*媒體文件:媒體文件或XML播放清單的鏈接地址
關于JW Player可支持的媒體格式詳情,請參閱:http://developer.longtailvideo.com/trac/wiki/FlashFormats。大致分類:單文件媒體(視頻:FLV、MP4和AAC音頻;音頻;MP3;圖像:JPG、GIF和PNG),YouTube視頻,Livestream.com視頻,HTTP流媒體,RTMP流媒體,XML播放清單。
我們要面對的模板其實可以歸于兩大類:一是播放單文件媒體;二是播放多文件媒體。單文件媒體好辦,直接在參數(shù)file告訴播放器媒體文件的所在地址既可。如果要播放多文件媒體,那就要把所有媒體文件按順序組織起來,并保存為XML文件(可以用“記事本”打開和編輯) ,這就是XML播放清單,而file參數(shù)就填上這個XML文件的鏈接地址。JW Player支持的播放清單格式有:XSPF、RSS(itunes、media)、ASX、ATOM。
關于XML播放清單見我的另一篇介紹文章《JW Player之XML播放清單簡介》。
請注意,JW Player是以文件后綴名來判斷媒體類別,如果播放器沒有找到合適的后綴名,它將假定載入的是播放清單。
*預覽圖像:預覽圖片的鏈接地址
何謂“預覽圖像”?當播放器停止播放時,它顯示的圖像。

外部鏈接地址:當填寫此項參數(shù)值后,播放器的控制面板將多出一個鏈接按鈕,點擊可以打開外部鏈接網(wǎng)頁。請看截圖:

*開始時間:定位從第幾秒開始播發(fā),僅對HTTP / RTMP流媒體有效。
*媒體標題:如果你將播放器設置成帶播放清單(Playlist),媒體標題將出現(xiàn)在播放清單。

*媒體類別:一般來說JW Player可以根據(jù)媒體文件后綴名自動判斷媒體類別,如果沒有后綴名,或者媒體來自流媒體服務器,你可以手動設置媒體類別??蛇x擇的參數(shù)如下:
video: FLV / MP4視頻,也適用于 AAC 音頻
sound: MP3
image: JPG/GIF/PNG 圖像
youtube: 來自YouTube的視頻
http: 來自HTTP服務器的FLV/MP4 流媒體
rtmp: 來自RTMP服務器的FLV/MP4/MP3流媒體
5、播放器顏色參數(shù)
* backcolor:控制面板和播放清單的背景顏色(默認為白色)
* frontcolor:控制面板和播放清單所有圖標和文字顏色
* lightcolor:鼠標懸停于播放清單時,圖標和文字顯示顏色
* screencolor:播放屏幕的背景顏色
以上顏色參數(shù)應填寫16進制網(wǎng)頁顏色值,關于16進制網(wǎng)頁顏色,請參閱:
http://en.wikipedia.org/wiki/Web_colours
 

6、播放器布局參數(shù)
*controlbar:控制面板放置位置:底部bottomd(默認)、覆蓋over、無none。如果選擇覆蓋,只有鼠標懸停于播放屏幕,或者停止播放時,才會出現(xiàn)控制面板,此時控制面板出現(xiàn)于播放屏幕的底部。

*logo:填寫logo圖片(JPG/PNG/GIF)的直鏈地址。當采用默認皮膚時,Logo圖像會顯示于屏幕的右上角。

*playlist:播放清單放置位置:無none(默認)、底部bottom、覆蓋over、右邊right、左邊left、頂部top。

*playlistsize:填寫播放清單顯示尺寸,默認180pix。當播放清單置于底部或頂部時,該值代表高度;當播放清單置于左邊或右邊時,該值代表寬度;當播放清單置于覆蓋時,播放清單將在停止播放時才出現(xiàn),并覆蓋全部播放屏幕,且不受該值影響。
 
 
 

*dock:默認不顯示dock。這個我確實不知道如何翻譯,用過蘋果操作系統(tǒng)的朋友應該知道那是什么。JW Player 4.5版以后支持dock。dock實際上就是某些插件(plugins)以圖標的形式顯示于屏幕的右側,從上往下排列,具體哪些插件(例如:語音解說audiodescription,字幕caption等插件)支持dock,我尚不清楚。請看截圖吧:

*skin:填寫皮膚swf文件的直鏈地址。JW Player的皮膚插件也是swf文件,官網(wǎng)提供不少現(xiàn)成的皮膚插件,詳見:http://www.longtailvideo.com/addons/skins。在你運用皮膚插件之前,要先將你需要的皮膚插件下載到本地再上傳到網(wǎng)盤。用戶還可以自己設計自己的皮膚插件,參見:http://developer.longtailvideo.com/trac/wiki/FlashSkinninghttp://developer.longtailvideo.com/trac/wiki/SkinningThePlayer。
 
 
請你們特別注意,不同的皮膚,其播放清單顯示的具體內(nèi)容會有所增減。
7、播放器行為參數(shù)
*autostart:自動播放,默認無false。
*bufferlength:緩沖時長(秒),默認1秒。設置開始播放前預先緩沖的時長,設置時長短可以及時播放,設置時長長則可以減少中斷。
*displayclick:點擊動作,默認為播放play。設置點擊屏幕時播放器的行為:播放(默認)play,鏈接link,切換到全屏fullscreen,無任何行為none,靜音mute,下一個曲目next。當選擇“無任何行為none”時,鼠標點擊手勢不會出現(xiàn)于屏幕。
 
*icons:緩沖圖標,默認顯示true。

*item:開始播放曲目,默認為0。注意:JW Player認為播放清單第一個曲目的順序號為“0”。

*mute:以靜音開始,默認無false。該選擇將會保存在瀏覽器的cookie。
*quality:回放品質(zhì),默認高品質(zhì)true。
*repeat:重復方式,默認無none。list:播放清單的所有曲目都完整播放一遍。always:重復循環(huán)播放。
*shuffle:亂序播放,默認無false。設置是否按播放清單的順序播放,或者亂序播放。
*stretching:圖片延展方式。none:不延展;exactfit:不鎖定高寬比填滿屏幕;fill:鎖定高寬比填滿屏幕;默認uniform:鎖定高寬比,以黑色填充空白部分。
 
 
*volume:音量值,默認90。參數(shù)可以填寫0-100之間的整數(shù)值,并將存放在瀏覽器的cookie。
8、外部通訊參數(shù)
*linktarget:鏈接目標。當我們在“媒體文件屬性 — 外部鏈接地址”參數(shù)里填寫了外部鏈接地址之后,這個參數(shù)就用于設置外部鏈接打開的方式:默認“_blank”,即在新窗口打開鏈接,或者“_self”,即在原窗口打開鏈接。
*plugins:插件,插件是播放器的擴展,使播放器具有更多的外觀和功能,官方提供的插件詳見:http://www.longtailvideo.com/AddOns/。官方把所有插件分為三類:皮膚skin、插件plugins和組件modules。皮膚插件我之前已有介紹,它們實際上是swf文件,使用前要先上傳到網(wǎng)絡空間或網(wǎng)盤,運用皮膚插件也不在此設置,而是在皮膚“skin”參數(shù)中設置。組件modules本篇亦不打算涉及。那么以我的理解,在此的plugins應該是功能性的插件。
需要注意的是某些plugins是需要付費購買的,比如廣告plugins “Adtonomy Text Ads (Run Your Own Ads)”:

如果是免費plugins,一般會給出參數(shù)值,直接填寫就可以加載了。以字幕plugins “captions”為例:
 

要加載多個plugins,請在參數(shù)值之間用英文的逗號“,”隔開,如圖:

*streamer:rtmp/http流媒體,填寫rtmp/http流媒體服務器地址,可以是RTMP應用程序,也可以是外部PHP/ASP文件,詳見:http://developer.longtailvideo.com/trac/wiki/FlashFormats。
9、預覽你的播放器
當需要填寫的參數(shù)都填寫完之后,請點擊“更新預覽和代碼(Update Preview & Code)”,其下的“預覽你的播放器(Preview Your Player)”和“復制你的代碼(Copy Your Code)” 將根據(jù)你的參數(shù)而改變,你可以實時看到效果。

10、復制你的代碼
在前面我曾經(jīng)提到:為了方便在網(wǎng)頁小窗口瀏覽生成的代碼,設置向導給出的代碼是按各項參數(shù)分行了的,如果復制后就直接粘貼,可能會使播放器不能正常工作,我建議先把代碼復制到“記事本”后,刪除段落標記,注意每項參數(shù)之間還要保留一個空格位,再復制到空間或博客。
仔細觀察設置向導給出的Embeded代碼,它們大致可以分為以下幾項:
*src:(已介紹)
*width:(已介紹)
*height:(已介紹)
*allowscriptaccess:這是Adobe Falsh Player 6.0以后開始支持的參數(shù)。這個參數(shù)是控制在HTML網(wǎng)頁中,swf的ActionScript是否允許調(diào)取JavaScript,它有三個選項:
·總是允許always:默認值,一般保持默認即可。
·只允許同域名sameDomain:僅當SWF文件與HTML網(wǎng)頁來自同一域名時才允許調(diào)取。
·不允許never。
*allowfullscreen:是否允許切換到全屏,默認是允許true。
*flashvars:即flash變量。我們可以發(fā)現(xiàn)絕大部分用戶對JW Player的個性定制都體現(xiàn)在這里,定制得越具體,這個參數(shù)包含的內(nèi)容就越復雜。
我們可以看到,設置向導給出參數(shù)的格式是這樣的:
flashvars='變量1=變量值&變量2=變量值&變量3=變量值&……變量n=變量值'
我建議把“&”改為“&”!
修改之后就是這樣:
flashvars='變量1=變量值&變量2=變量值&變量3=變量值&……變量n=變量值'
如果你嫌處理Embeded代碼這么麻煩,那么我介紹一個更方便的方法:請用瀏覽器打開這個網(wǎng)頁:http://ckeditor.com/demo,并點擊左上角的“源碼”按鈕:

全選框內(nèi)的文本并刪除:

將設置向導給出的Embeded代碼復制進來,再次點擊左上角的“源碼”按鈕:

點擊之后是這樣:

再點擊一次左上角的“源碼”按鈕,此時框內(nèi)的代碼已被修正了:

五、補充說明
1、如果要商業(yè)性地使用JW Player,必須向官方購買許可,比如:
*帶廣告的站點
*由商業(yè)機構擁有或運營的站點
*用于產(chǎn)品推廣的站點
*提供捆綁有LongTail產(chǎn)品的產(chǎn)品

2、限于Adobe Falsh Player的安全措施,JW Player不允許加載來自不同域名的播放清單文件、swf文件(例如皮膚插件)和ID3等數(shù)據(jù)。但是可以通過在網(wǎng)站放置crossdomain.xml文件來迂回地解決,詳見:http://developer.longtailvideo.com/trac/wiki/FlashSecurityhttp://www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html
如果要播放的媒體文件的域名與swf文件、播放清單文件的域名不一致,插件無法加載。
3、雖然官網(wǎng)LongTail提供有很多現(xiàn)成的皮膚Skin及插件Plugins,但是用戶還是可以自己設計自己的皮膚及開發(fā)自己的插件,JW Player自定義的彈性算是空前的,有興趣的朋友可以參見:http://developer.longtailvideo.com/trac/wiki/SkinningThePlayerhttp://developer.longtailvideo.com/trac/wiki/PluginsBuilding。
4、更正一點:JW FLV Player支持XML和SRT兩種字幕文件。
1、限于本人的水平和精力,本篇僅僅是對JW FLV Player非常粗淺的介紹,例如皮膚設計、plugins的開發(fā)、API Calls、RTMP/HTTP Streaming、Crossdomain security以及JW Player家族中其他在線播放器如:WMV Player、Image Rotator等都沒有涉及。
2、本篇介紹如與LongTailVideo官網(wǎng)有不一致之處,以官網(wǎng)為準。
3、雖然本篇介紹是應老胡的請求而寫的,其實最大的受益者卻是本人。為了完成這篇介紹文章,促使本人更深入地去學習這款非常值得研究的播放器,孔子說:“學而時習之,不亦悅乎?”自己親身實踐帶來的快感遠遠不是由別人灌輸給你的所能比擬的!
4、近一段時間我還特別去學習了字幕插件,在介紹XML播放清單之后,我會把我學習字幕插件的心得分享給你們。在介紹字幕插件時,我將會涉及插件如何再附加其他參數(shù),還會提到dock,因為碰巧字幕插件支持dock。同樣的,當我搞清楚JW FLV Player的字幕插件之后,那種喜悅也是難以言表。
本站僅提供存儲服務,所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權內(nèi)容,請點擊舉報。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
flv網(wǎng)頁播放器代碼
搭建一個Flv視頻播放服務器
興奮,終于解決了wp的多媒體插入問題
FLASH PLAYERS 3.8 說明文件之安裝篇 - 技術博客
KindEditor 集成JW FLV Media Player(flv、mp4)播放器 ...
MSN Spaces 的播放器支持播放列表
更多類似文章 >>
生活服務
分享 收藏 導長圖 關注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服