ckplayer使用說明.doc_第1頁
ckplayer使用說明.doc_第2頁
ckplayer使用說明.doc_第3頁
ckplayer使用說明.doc_第4頁
ckplayer使用說明.doc_第5頁
已閱讀5頁,還剩21頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

在閱讀該教程時(shí),假定你已了解了ckplayer各文件的作用以及原理。如果你還不了解,建議先看下功能介紹ckplayer上手使用其實(shí)很簡單,但要發(fā)揮其更多功能的話,就需要比較復(fù)雜的操作。可能需要一點(diǎn)點(diǎn)時(shí)間的學(xué)習(xí)。但是不用擔(dān)心的是,在不涉及到插件的制作或復(fù)雜的js交互使用的情況下,你無需撐握任何編程語言。在使用之前,建議你了解下你撐握的知識(shí)可以發(fā)揮ckplayer多大的功能。一:從沒做過網(wǎng)站,想使用ckplayer播放視頻建議您先了解下網(wǎng)站架構(gòu)的基本原理和html(超文本標(biāo)記語言,不是編程語言)的基本知識(shí),至少,你需要了解怎么在網(wǎng)頁中調(diào)用flash(文件后綴為.swf)的方法。二:對(duì)html有些了解,知道怎么在網(wǎng)頁中插入flash播放器,看過javascript,但并不了解您可以使用ckplayer完整的功能三:對(duì)js熟悉,會(huì)使用您可以使用ckplayer完整的功能并且可以用js自由的和播放器進(jìn)行交互,把ckplayer玩弄于股掌中。四:熟悉as3語言您可以制作出強(qiáng)大的跟播放器交互的功能插件關(guān)于ckplayer的安裝安裝很簡單,只要你有網(wǎng)站的空間或服務(wù)器,直接把ckplayer文件夾(該目錄下應(yīng)該是包括ckplayer.swf的,而不是包括index.htm的)放在你網(wǎng)站根目錄下,使用下面介紹的方法調(diào)用,請(qǐng)注意,跟你網(wǎng)站使用的什么環(huán)境和程序語言沒有任何關(guān)系。就相當(dāng)于一個(gè)js文件一樣使用即可。 最簡單的文件配置 調(diào)用方式說明 使用embed標(biāo)志調(diào)用 使用adobe提供的js函數(shù)swfobject調(diào)用播放器 使用ckplayer提供的js函數(shù)CKobject調(diào)用 flashvars里各個(gè)參數(shù)的說明 html5視頻的調(diào)用,只調(diào)用html5視頻播放器 完整的調(diào)用代碼示例-實(shí)現(xiàn)跨平臺(tái)播放視頻 JS調(diào)用時(shí)使用swfobject和CKobject的區(qū)別和注意事項(xiàng) 前置廣告的設(shè)置 暫停廣告的使用 使用緩沖廣告 調(diào)用視頻的方式介紹,普通方式,網(wǎng)址形式,xml形式,swf形式 網(wǎng)址形式調(diào)用時(shí)輸出的格式及注意事項(xiàng) XML形式調(diào)用的輸出格式 swf形式調(diào)用的原理及代碼示例 播放rtmp視頻的方法和注意事項(xiàng) 使用技巧 分享功能的使用 播放結(jié)束調(diào)用精彩視頻推薦的設(shè)置 更多使用方法介紹最簡單的文件配置如果只需要調(diào)用一個(gè)視頻播放器播放視頻,不需要分享功能,開關(guān)燈功能,調(diào)節(jié)亮度功能,那么你的ckplayer文件夾里只需要保留以下四個(gè)文件即可(6.2里只需要3個(gè)文件,并且沒有style.swf而是style.zip)如果你也不需要兼容html5,并且不需要交互,那么也可以只保留下面的三個(gè)文件也可以注:在ckplayer6.2版里沒有l(wèi)anguage.xml文件,且沒有style.swf而是style.zip調(diào)用方式說明調(diào)用方式非常靈活,可以直接像插入普通flash文件一樣插入到網(wǎng)頁中,也可以用adobe提供的JS函數(shù)調(diào)用,也可以使用ckplayer提供的JS函數(shù)調(diào)用,你甚至可以根據(jù)教程自己制作封裝形式的JS函數(shù)調(diào)用。但不管使用何種調(diào)用形式,通過外部向播放器傳遞參數(shù)的方法卻只有一種,通過flashvars傳遞(當(dāng)然還可以通過js傳遞,但為了簡單,在該段不作第二種的形式的說明)。使用embed標(biāo)志調(diào)用我們先看下面這段引用播放器的代碼,你會(huì)發(fā)現(xiàn),這就跟調(diào)用普通的swf文件是一樣的,唯一的不同點(diǎn)就是多了一個(gè)flashvars參數(shù)。代碼參數(shù)說明:embed:是調(diào)用瀏覽器插件的標(biāo)志,并不是只用來調(diào)用swf文件,還包括其它的一些插件,但我們這里是用來調(diào)用swf文件的,在html中,很多標(biāo)志是需要成對(duì)出現(xiàn)的,比如這里,有開頭的標(biāo)志,就要有結(jié)束的標(biāo)志。src:表示播放器的路徑flashvars:表示向播放器里插入的變量名稱和值,以上的代碼,表示向播放器里傳遞了一個(gè)f變量,值是/flv/other/01.mp4,播放器會(huì)讀取到這個(gè)變量和值進(jìn)行處理,flashvars不僅僅只能傳遞一個(gè)變量,而是可以傳遞多個(gè)變量的,各個(gè)變量用&符號(hào)相分隔,比如 flashvars=a=1&s=2&x= 向播放器里傳遞了三個(gè)值,其中x的值為空。quality:該值是設(shè)置播放器的質(zhì)量和速度之間的選擇用的,可以直接忽略,不看,用默認(rèn)的就行,下面列出該參數(shù)各種值的意思,僅供了解Low 速度優(yōu)于美觀,而且不應(yīng)用反鋸齒。Autolow 剛開始著重于速度,但當(dāng)需要時(shí)隨時(shí)提升美觀。Autohigh 同時(shí)著重播放速度和美觀,但需要時(shí)則犧牲美觀來保證播放速度。Medium 應(yīng)用一些反鋸齒而不平滑位圖。它質(zhì)量高于low設(shè)置而低于high設(shè)置。High 美觀優(yōu)于播放速度,而且一直應(yīng)用反鋸齒。如果影片不包含動(dòng)畫,位圖會(huì)被平滑化;而如果影片包含動(dòng)畫,位圖將不變平滑。Best 提供最好的顯示質(zhì)量而不考慮播放速度。所有輸出都應(yīng)用反鋸齒及所有位圖都被平滑化。width:定義播放器的寬,單位是像素height:定義播放器的高align:這是定義swf中的控制面版對(duì)齊方式,無視這個(gè)參數(shù),用默認(rèn)即可allowScriptAccess:這是一個(gè)很重要的參數(shù),因?yàn)檫@里可以設(shè)置允許或禁止swf文件和頁面中的js交互,各種值的意思如下:always 允許隨時(shí)執(zhí)行腳本操作。never 禁止所有腳本執(zhí)行操作。samedomain 只有在 Flash 應(yīng)用程序來自與 HTML 頁相同的域時(shí)才允許執(zhí)行腳本操作。很多分享出去的視頻,你會(huì)發(fā)現(xiàn)無法點(diǎn)擊廣告或精彩視頻推薦或分享到微博的按鈕,都是因?yàn)檫@里的值設(shè)置成了never或samedomain,禁止了交互功能,當(dāng)然這也是為安全考慮allowFullscreen:是否允許播放器全屏,設(shè)置成false時(shí),點(diǎn)擊全屏按鈕也不能全屏type:插件的類型,在瀏覽器中每種插件都有其固定的名稱使用adobe提供的js函數(shù)swfobject調(diào)用播放器adobe的swfobject函數(shù)是一個(gè)比較強(qiáng)大的調(diào)用swf文件的函數(shù),ckplayer.js里是使用的swfobject2.0版本,該函數(shù)功能雖然強(qiáng)大,但即使封裝后的代碼依舊比較大,有10k以上。如果你的網(wǎng)站中已經(jīng)有該函數(shù),那你可以刪除該函數(shù),即使你的網(wǎng)站中使用的是swfobject1.5版本,也可以刪除該函數(shù)而使用swfobject1.5的調(diào)用方式調(diào)用播放器。調(diào)用代碼如下:var flashvars=f:/flv/other/01.mp4,c:0;var params=bgcolor:#000,allowFullScreen:true,allowScriptAccess:always;var attributes=id:ckplayer_a1,name:ckplayer_a1;swfobject.embedSWF(ckplayer/ckplayer.swf, a1, 600, 400, 10.0.0,ckplayer/expressInstall.swf, flashvars, params, attributes); 這個(gè)是用來放置播放器的容器,這個(gè)需要在swfobject.embedSWF的第二個(gè)參數(shù)里定義這個(gè)指引用播放器的配置文件,只有引用到了才能使用播放器,所以要注意src=后面的路徑這個(gè)是定義js代碼的標(biāo)志,所有的相關(guān)代碼都放在這個(gè)中間var flashvars=;這是定義了一個(gè)對(duì)象,相當(dāng)于flashvars的值,用來設(shè)置向播放器傳遞各項(xiàng)參數(shù),如果不需要某一個(gè)屬性,可以直接刪除掉,不影響,只要保留關(guān)鍵的就行了。具體的還要看自己的需要進(jìn)行刪除var params=該對(duì)象是設(shè)置播放器的在頁面里的一些配置,默認(rèn)的有三個(gè)屬性:分別是,背景顏色(不是播放器內(nèi)部背景,而是頁面里播放器的背景,只有播放器里的背景色的透明度設(shè)置成0的時(shí)候才會(huì)顯示下面的這個(gè)顏色),是否允許全屏,是否允許交互var attributes=id:ckplayer_a1,name:ckplayer_a1;該對(duì)象是設(shè)置播放器的id和name名稱,這個(gè)參數(shù)是很有必要設(shè)置的swfobject.embedSWF(ckplayer/ckplayer.swf, a1, 600, 400, 10.0.0,ckplayer/expressInstall.swf, flashvars, params, attributes);該參數(shù)就是調(diào)用播放器文件了,要注意二個(gè)swf文件的路徑參數(shù)分別表示的意思如下: 1、播放器地址 2、播放器的容器,將會(huì)在該id的容器(可以是div容器,也可以是別的,如span,li之類的反正有id就可以了) 3、播放器的寬 4、播放器的高 5、播放器所需flash插件的版本 6、檢查flash插件版本的文件,要注意路徑 7、即上面定義的var flashvars變量 8、即上面定義的 var params變量 9、即上面定義的 var attributes變量使用ckplayer提供的js函數(shù)CKobject調(diào)用ckplayer自己封裝的調(diào)用播放器的代碼,也是js函數(shù),主要是把html5和swf調(diào)用集成在一起了。adoble的調(diào)用函數(shù)是在頁面加載完成后才運(yùn)行,而ckplayer的調(diào)用函數(shù)是在加載到代碼時(shí)即運(yùn)行,如果你使用該函數(shù),ckplayer.js里的最后一行swfobject就可以刪除了var flashvars=f:/flv/other/01.mp4,c:0;CKobject.embedSWF(ckplayer/ckplayer.swf,a1,ckplayer_a1,600,400,flashvars);這個(gè)是用來放置播放器的容器,這個(gè)需要在swfobject.embedSWF的第二個(gè)參數(shù)里定義這個(gè)指引用播放器的配置文件,只有引用到了才能使用播放器,所以要注意src=后面的路徑這個(gè)是定義js代碼的標(biāo)志,所有的相關(guān)代碼都放在這個(gè)中間var flashvars=;這是定義了一個(gè)對(duì)象,相當(dāng)于flashvars的值,用來設(shè)置向播放器傳遞各項(xiàng)參數(shù),如果不需要某一個(gè)屬性,可以直接刪除掉,不影響,只要保留關(guān)鍵的就行了。具體的還要看自己的需要進(jìn)行刪除CKobject.embedSWF(ckplayer/ckplayer.swf,a1,ckplayer_a1,600,400,flashvars);該參數(shù)就是調(diào)用播放器文件了,要注意二個(gè)swf文件的路徑參數(shù)分別表示的意思如下: 1、播放器地址 2、播放器的容器,將會(huì)在該id的容器(可以是div容器,也可以是別的,如span,li之類的反正有id就可以了) 3、播放器的id和name 4、播放器的寬 5、播放器的高 7、即上面定義的var flashvars變量flashvars里各個(gè)參數(shù)的說明參數(shù)使用說明fs=0時(shí)地為普通的視頻地址s=1時(shí)是一個(gè)網(wǎng)址,網(wǎng)址里存放視頻地址s=2時(shí)是一個(gè)網(wǎng)址,網(wǎng)址里輸出xml格式的視頻地址s=3時(shí)是一個(gè)swf文件地址,swf和播放器進(jìn)行交互讀取地址a當(dāng)s0時(shí),a和f值拼出一個(gè)新的地址,在新的地址里讀取視頻地址,s調(diào)用方式,0=普通方法(f=視頻地址),1=網(wǎng)址形式,2=xml形式,3=swf形式(s0時(shí)f=網(wǎng)址,配合a來完成對(duì)地址的組裝)c是否讀取文本配置,0不是,1是,當(dāng)=1時(shí),播放器會(huì)自動(dòng)讀取和播放器相同名稱的xml(默認(rèn)是的ckplayer.xml)來進(jìn)行進(jìn)一步的配置x在c=1的時(shí)候,自定義調(diào)用xml風(fēng)格路徑,為空的話將調(diào)用跟播放器同名的xml文件。這個(gè)參數(shù)的作用是可以使用多套風(fēng)格或設(shè)置的文件來進(jìn)行隨機(jī)調(diào)用i初始圖片地址,就是在播放器默認(rèn)是暫?;蚰J(rèn)不加載的情況下先給一張圖片遮在播放器前面,讓其看起來不會(huì)一片黑,關(guān)于初始圖片的大小的控制請(qǐng)參考配置文件里(ckplayer.js或ckplayer.xml)的ck.setup的第14個(gè)參數(shù)d暫停時(shí)播放的廣告,swf/圖片,多個(gè)用豎線隔開,圖片要加鏈接地址,沒有的時(shí)候留空就行u暫停時(shí)如果是圖片的話,加個(gè)鏈接地址,如果沒有就留空,l前置廣告地址(也可以是以|隔開的數(shù)組),swf/圖片/視頻,多個(gè)用豎線隔開,圖片和視頻要加鏈接地址,關(guān)于前置廣告r前置廣告的鏈接地址,多個(gè)用豎線隔開,沒有的留空t視頻開始前播放swf/圖片時(shí)的時(shí)間,多個(gè)用豎線隔開y這里是使用網(wǎng)址形式調(diào)用廣告地址時(shí)使用,如果要使用這個(gè)參數(shù),前置廣告的l,r,t里至少要設(shè)置l的參數(shù)為空,播放器才會(huì)根據(jù)y的值進(jìn)行調(diào)用z緩沖廣告,只能放一個(gè),swf格式e視頻結(jié)束后的動(dòng)作,0是調(diào)用js函數(shù)function playerstop()、這個(gè)參數(shù)有一篇單獨(dú)的使用說明,1是循環(huán)播放,2是暫停播放并且不調(diào)用暫停廣告,3是調(diào)用視頻推薦列表的插件,4是清除視頻流并調(diào)用js、功能和0差不多,5是暫停并且同時(shí)調(diào)用暫停廣告v默認(rèn)音量,0-100之間p視頻默認(rèn)0,暫停,1是播放h播放http視頻流時(shí)采用何種拖動(dòng)方法,=0不使用任意拖動(dòng),=1是使用按關(guān)鍵幀,=2是按時(shí)間點(diǎn),=3是自動(dòng)判斷按什么(如果視頻格式是.mp4就按關(guān)鍵時(shí)間,.flv就按關(guān)鍵幀),=4也是自動(dòng)判斷(只要包含字符mp4就按mp4來,只要包含字符flv就按flv來)q視頻流拖動(dòng)時(shí)參考參數(shù),默認(rèn)是startm默認(rèn)是否采用點(diǎn)擊播放按鈕后再加載視頻,0不是,1是,這個(gè)參數(shù)的好處是一個(gè)頁面上放多個(gè)視頻時(shí)不需要加載所以的視頻,點(diǎn)擊哪個(gè)加載哪個(gè)o在設(shè)置m=1,即默認(rèn)不加載視頻的時(shí)候向播放器傳遞該視頻的時(shí)間,單位:秒,也可以不傳w在設(shè)置m=1,即默認(rèn)不加載視頻的時(shí)候向播放器傳遞該視頻的字節(jié)數(shù),也可以不傳g視頻直接g秒開始播放,這個(gè)功能類似跳過片頭的功能,當(dāng)然這個(gè)功能還可以用js來實(shí)現(xiàn)j視頻提前j秒結(jié)束,跳過片尾的功能k提示點(diǎn)時(shí)間,如 30|60鼠標(biāo)經(jīng)過進(jìn)度欄30秒,60秒會(huì)提示n參數(shù)指定的相應(yīng)的文字,這是以|隔開的一個(gè)數(shù)字?jǐn)?shù)組這個(gè)是鼠標(biāo)經(jīng)過進(jìn)度欄上一些關(guān)鍵點(diǎn)時(shí)顯示一個(gè)提示框,這些點(diǎn)需要自行設(shè)置,點(diǎn)的樣式可以在配置文件里ck.pm_start參數(shù)設(shè)置n提示點(diǎn)文字,跟k配合使用,各提示文字以|隔開,所以提示文字里不能有|,(如:提示點(diǎn)1|提示點(diǎn)2)b指定播放器是否進(jìn)行交互,默認(rèn)交互,b=1時(shí)不使用交互,所以在站外引用時(shí)需要設(shè)置ckplayer.xml里的里設(shè)置b-1wh初始化指定視頻的寬高比,如wh:16:9,該功能在6.2以后的版本里方支持ct時(shí)間顯示是否采用修正,默認(rèn)2,自動(dòng)判斷,1是強(qiáng)制修正,0是不修正,該功能6.2后支持html5視頻的調(diào)用,只調(diào)用html5視頻播放器html5視頻調(diào)用可以和ckplayer的flash播放器配合調(diào)用,也可以單獨(dú)調(diào)用,以下是一個(gè)完整的只調(diào)用html5播放器的應(yīng)用var flashvars=p:1,e:1,m:0,i:初始圖片地址;var video=/flv/other/1_0.mp4-video/mp4,/webm/0.webm-video/webm,/webm/0.ogv-video/ogg;var support=iPad,iPhone,ios,android+false,msie10+false;CKobject.embedHTML5(a1,ckplayer_a1,600,400,video,flashvars,support);是展示視頻的容器var flashvars=是設(shè)置html5視頻的一些參數(shù),目前只提供四個(gè)變量的設(shè)置p:0默認(rèn)不播放,1是默認(rèn)播放e:0默認(rèn)播放完后暫停,1是循環(huán)播放m:0是默認(rèn)打開頁面就加載視頻,1是打開頁面但不加載視頻i:在默認(rèn)暫?;蚰J(rèn)不加載視頻的情況下顯示一張縮略圖var video=是設(shè)置html5視頻的地址和視頻類別,可以添加多種視頻格式已適應(yīng)在不同的平臺(tái)上播放 ,該參數(shù)是一個(gè)數(shù)組形式(6.2之前是一個(gè)對(duì)象),說明:視頻地址-視頻格式,視頻地址-視頻格式var support=是判斷在哪些平臺(tái)上使用html5播放器,平臺(tái)類型名稱見下方列表,這里可以組合使用,例如上面的android+false,msie10+false,就是指在android上沒有裝flash插件的情況下使用html5播放器,ie10上也是這種判斷CKobject.embedHTML5(a1,ckplayer_a1,600,400,video,flashvars,support);括號(hào)里面的參數(shù)的意思分別是1、視頻容器id2、播放器id3、寬度4、高度5、視頻地址對(duì)象6、相關(guān)設(shè)置對(duì)象7、支持的平臺(tái)對(duì)象以下是var support里限制平臺(tái)時(shí)使用的名稱iPhoneiPhoneiPadiPadiosios終端androidandroid終端或者uc瀏覽器tridentIE內(nèi)核prestoopera內(nèi)核webKit(可加上版本號(hào):如webKit5)蘋果、谷歌內(nèi)核gecko (可加上版本號(hào):如gecko10)火狐內(nèi)核mobile (可加上版本號(hào):如webKit5)移動(dòng)終端webAppweb應(yīng)該程序msie (可加上版本號(hào):如msie10)IE瀏覽器完整的調(diào)用代碼示例-實(shí)現(xiàn)跨平臺(tái)播放視頻以下的代碼是綜合兼容了各平臺(tái),各瀏覽器對(duì)視頻播放器的支持情況。var flashvars=f:/flv/other/01.mp4,c:0,p:1,e:1,m:0,i:;var params=bgcolor:#000,allowFullScreen:true,allowScriptAccess:always;var attributes=id:ckplayer_a1,name:ckplayer_a1;swfobject.embedSWF(ckplayer/ckplayer.swf, a1, 600, 400, 10.0.0,ckplayer/expressInstall.swf, flashvars, params, attributes); var video=/flv/other/1_0.mp4-video/mp4,/webm/0.webm-video/webm,/webm/0.ogv-video/ogg;var support=iPad,iPhone,ios,android+false,msie10+false;CKobject.embedHTML5(video,ckplayer_a1,600,400,video,flashvars,support);可以發(fā)現(xiàn)。這里只是把調(diào)用ckplayer的代碼和調(diào)用html5播放器的代碼放在了一起,即可實(shí)現(xiàn)跨平臺(tái)播放,這段代碼的工作原理:首先建議你使用二個(gè)嵌套的div容器來裝載播放器,像本例中使用了代碼執(zhí)行過程中會(huì)首行調(diào)用ckplayer播放器,接著判斷平臺(tái)類型,如果符合使用html5播放器的條件時(shí),就調(diào)用html5播放器代碼部分。請(qǐng)注意,本例中調(diào)用ckplayer的代碼是使用的adobe的js函數(shù)swfobject。如果使用ckplayer的js函數(shù)調(diào)用,代碼則如下的示:var flashvars=f:/flv/other/01.mp4,c:0,p:1,e:1,m:0,i:初始圖片地址;CKobject.embedSWF(ckplayer/ckplayer.swf,a1,ckplayer_a1,600,400,flashvars); var video=/flv/other/1_0.mp4-video/mp4,/webm/0.webm-video/webm,/webm/0.ogv-video/ogg;var support=iPad,iPhone,ios,android+false,msie10+false;CKobject.embedHTML5(a1,ckplayer_a1,600,400,video,flashvars,support);也許你已經(jīng)注意到區(qū)別了,在用CKobject調(diào)用時(shí),不需要使用二個(gè)div容器,當(dāng)然也可以用二個(gè)。JS調(diào)用時(shí)使用swfobject和CKobject的區(qū)別和注意事項(xiàng)swfobject函數(shù)是adobe公司提供的標(biāo)準(zhǔn)的調(diào)用swf方式,所以他兼容了所有的swf文件調(diào)用。并且提供了一個(gè)expressInstall.swf文件用來檢測(cè)瀏覽器安裝flash插件的版本,在版本過低時(shí)會(huì)直接提示安裝,但缺點(diǎn)就是不能判斷用戶是否安裝了flash插件。而且代碼是進(jìn)行過壓縮的,修改起來也比較麻煩。CKobject函數(shù)是ckplayer提供的調(diào)用swf方式,體積要小的多,并且把一些必需要的參數(shù)直接集成在該函數(shù)中,并且能夠判斷flash插件是否安裝和已安裝的版本,在沒有安裝或版本過低的情況下會(huì)提示用戶安裝插件。同時(shí),CKobject函數(shù)是沒有壓縮過的,對(duì)外開放的,你可以修改里面的任何內(nèi)容。在分別使用這二個(gè)函數(shù)的時(shí)候要注意,交互的時(shí)候獲取播放器ID的函數(shù)分別為:swfobject.getObjectById(ckplayer_a1)和CKobject.getObjectById(ckplayer_a1)另外對(duì)于討厭swfobject體積過大的朋友,建議刪除ckplayer.js最后一行的函數(shù)(友情提醒新手朋友,最后一行可不是用記事本打開并且使用了自動(dòng)換行時(shí)看到的最后一行),而直接改用CKobject調(diào)用。前置廣告的設(shè)置閱讀該段內(nèi)容之時(shí),我們假定你已閱讀了前面的內(nèi)容,并且了解了flashvars這個(gè)參數(shù)的作用以及flashvars里涉及到的26個(gè)單字母的作用。在flashvars里涉及到前置廣告的參數(shù)有四個(gè),分別是:l,r,t,y需要注意的是,如果你使用了l,r,t來設(shè)置前置廣告就不能再使用y,如果使用y來設(shè)置前置廣告就不要使用l,r,t首先說一下l,r,t三個(gè)參數(shù)的使用l:前置廣告地址,可以是視頻,swf或圖片r:前置廣告的鏈接地址,如果是swf文件可以不用t:前置廣告播放時(shí)長,單位是秒前置廣告可以播放單個(gè)廣告,也可以播放多個(gè)廣告,播放多個(gè)廣告時(shí)廣告地址只需以豎線隔開即可。例:l:adv1.flv|adv2.swf|adv3.jpg,r:url1.htm|url3.htm,t:20|10|15這里調(diào)用了三個(gè)廣告,請(qǐng)注意,我們這里為視頻也設(shè)置了廣告時(shí)間, 并且r值里的第二個(gè)值是空的,因?yàn)閺V告是swf格式,本身會(huì)有鏈接地址,不需要設(shè)置,所以空著就行該形式的廣告默認(rèn)是隨機(jī)排序的,即并不是按指定的順序來播放三個(gè)廣告如果要更改此項(xiàng)設(shè)置,需要在配置文件ckplayer.js或ckplayer.xml里設(shè)置前置廣告是按順序播放還是隨機(jī)播放。具體的請(qǐng)查看配置文件的說明。對(duì)于視頻廣告,比如視頻廣告本身的長度是30秒,但你設(shè)置了20秒,那么播放器將參考真實(shí)的廣告視頻時(shí)間還是按照你設(shè)置的時(shí)間來播放呢。也需要在配置文件ckplayer.js或ckplayer.xml里設(shè)置當(dāng)播放前置廣告時(shí)候,也許你需要向用戶提供一個(gè)跳過廣告按鈕來增加播放器的人性化?;蛴脕韰^(qū)別注冊(cè)會(huì)員和非注冊(cè)會(huì)員的權(quán)限。ckplayer也提供了這方面的設(shè)置,這部分也需要到配置文件說明里做詳細(xì)的了解另外,當(dāng)前置廣告是視頻時(shí),也許你想為用戶提供一個(gè)靜音按鈕或禁止用戶使用前置視頻廣告的靜音按鈕,也需要在配置文件里進(jìn)行相關(guān)設(shè)置當(dāng)使用y參數(shù)來配置前置廣告時(shí),請(qǐng)把l的值清空,優(yōu)點(diǎn)是可以根據(jù)不同的a值來配置當(dāng)前視頻的廣告比如:調(diào)用播放器時(shí)設(shè)置了a參數(shù)的值var flashvars=省略前面的a:123,y:adv.php?id=$pat,省略后面的;此時(shí),播放器就會(huì)調(diào)用adv.php?id=123這個(gè)文件來讀取前置廣告。此時(shí)請(qǐng)確保該頁面里輸出的值為:l-廣告地址r-鏈接地址t-播放時(shí)長暫停廣告的使用暫停廣告只能播放swf或圖片格式調(diào)用方式是在調(diào)用播放器的時(shí)候設(shè)置var flashvars=.省略前面的代碼d:廣告1|廣告2|廣告3,u:鏈接一|鏈接3, .省略后面的代碼有鏈接的加鏈接,沒鏈接的留空,沒鏈接的正常指swf文件暫停廣告是多個(gè)的自動(dòng)隨機(jī)播放,沒有順序播放功能暫停廣告的文件不要設(shè)置的過大,過大在網(wǎng)速慢的情況下沒有加載前用戶又點(diǎn)擊了播放的話,有可能引起錯(cuò)誤。ckplayer.js中的ck.setup或ckplayr.xml里的setup的第16個(gè)參數(shù)是控制暫停廣告是否使用關(guān)閉按鈕,配置文件里有控制暫停廣告關(guān)閉按鈕的坐標(biāo)。使用緩沖廣告要使用緩沖廣告功能,首先需要開啟,方法是修改ckplayer.js里的ck.setup或ckplayer.xml里的的第17個(gè)參數(shù)為1或是2第17個(gè)參數(shù)的功能具體的說明如下17、緩沖時(shí)是否播放廣告,0是不顯示,1是顯示并同時(shí)隱藏掉緩沖圖標(biāo)和進(jìn)度,2是顯示并不隱藏緩沖圖標(biāo)當(dāng)該參數(shù)是2的時(shí)候,建議把緩沖的百分比位置放置到其它邊角上,不要放在中間,不然容易導(dǎo)致看不到緩沖的百分比進(jìn)度,讓用戶受不了然后在調(diào)用播放器時(shí)設(shè)置z的值var flashvars=.省略前面的代碼z:定義一個(gè)有鏈接的swf文件, .省略后面的代碼這里只能定義一個(gè)文件,并且需要是swf文件,當(dāng)然你也可以使用圖片,但沒有鏈接地址的功能緩沖廣告的定位參考暫停廣告的定位方式問:為什么只能使用一個(gè)廣告?答:因?yàn)榫彌_的時(shí)間有時(shí)長有時(shí)短,長的話無所謂,短的話如果是多個(gè)廣告隨機(jī)加載會(huì)大量占用cpu資源,并且有可能導(dǎo)致還沒有加載完成就關(guān)閉了,容易引起錯(cuò)誤調(diào)用視頻的方式介紹,普通方式,網(wǎng)址形式,xml形式,swf形式ckplayer提供了四種形式的視頻地址調(diào)用,分別是:普通方式網(wǎng)址形式xml形式swf形式控制調(diào)用方式的參數(shù)是flashvars里的s參數(shù),但需要同時(shí)和f值和a值進(jìn)行配合使用sff值示例aa值示例原理和示例0視頻地址video.flv不需要設(shè)置播放器會(huì)直接調(diào)用f值的地址進(jìn)行播放1網(wǎng)址video.php?id=$pat變量1播放器會(huì)調(diào)用video.php?id=1里設(shè)置的視頻地址進(jìn)行播放2XML頁面地址video.php?id=$pat變量1同上,只是該地址輸出的格式為XML文本格式3swf文件地址geturl.swf變量1swf文件里可以任意根據(jù)a的值或其它自定義的值進(jìn)行組裝出視頻地址傳遞給播放器播放當(dāng)s=1或2的時(shí)候的補(bǔ)充說明f值里可以包括替換符$pat,是用來替換a參數(shù)設(shè)置的值的。在實(shí)例使用中,極少數(shù)的情況下發(fā)現(xiàn)a的值僅僅只有一個(gè)不太符合要求。所以當(dāng)你有多個(gè)值的時(shí)候請(qǐng)注意下面有關(guān)于f和a參數(shù)的使用說明a可以是單個(gè)值,也可以是數(shù)組的形式,我們以s=1時(shí)舉例如下f:video.php?id=$pat&id1=$pat1a:2|3這樣播放器就會(huì)根據(jù)網(wǎng)址:video.php?id=2&id1=3來調(diào)用視頻需要注意的是F值中的&符號(hào)要變成%26需要注意的是$pat和$pat0是相等的,都是調(diào)用a值里的第一個(gè)值的。對(duì)應(yīng)的替換符和值對(duì)應(yīng)關(guān)系如下:a:a0|a1|a2|a3$pata0$pat0a0$pat1a1$pat2a2$pat3a3網(wǎng)址形式調(diào)用時(shí)輸出的格式及注意事項(xiàng)調(diào)用時(shí),當(dāng)s=1時(shí),將采用網(wǎng)址形式調(diào)用視頻地址方式,即播放器默認(rèn)加載f值(配合a值)指定的一個(gè)網(wǎng)址或文本地址,該網(wǎng)址里輸出視頻地址(可輸出單個(gè)視頻地址或多個(gè)(段)視頻地址)。播放器將讀取這些視頻地址進(jìn)行播放。比如調(diào)用代碼為:var flashvars=f:video.htm,s:1播放器將加載video.htm頁面,video.htm頁面里輸出的內(nèi)容應(yīng)該是以一幾種格式:一:直接輸出視頻地址,如二:輸出ckplayer定義的格式,如這二種方式都可以正確的向播放器傳遞視頻地址,另外要說明的是,這里不僅僅可以設(shè)置視頻地址,并且同時(shí)可以設(shè)置其它的部分參數(shù),如h的值,o,w的值,基本上flashvars里所有的值都可以在些設(shè)置,除了以下幾個(gè)值l,r,t,x下面演示了默認(rèn)不加載視頻,并且在時(shí)間上顯示正確時(shí)間的配置方式此時(shí),如果是多視頻,應(yīng)該怎么輸出呢,以下二種即是多視頻輸出的方法或直接輸出地址上面是最簡單的網(wǎng)址調(diào)用形式,下面將說明一下更復(fù)雜的網(wǎng)址形式調(diào)用比如var flashvars=f:video.php?id=$pat,a:123,s:1.這樣的方式原理就是播放器將從video.php?id=123這個(gè)網(wǎng)址獲得視頻地址來播放。更詳細(xì)的可以參考上方的調(diào)用視頻的方式介紹,普通方式,網(wǎng)址形式,xml形式,swf形式XML形式調(diào)用的輸出格式使用xml的好處1:結(jié)構(gòu)清晰(實(shí)際經(jīng)驗(yàn)是針對(duì)了解xml結(jié)構(gòu)的人覺得清晰,不了解的人覺得太亂)2:定義功能強(qiáng)大,可以把多段視頻的時(shí)間和字節(jié)直接寫在xml文件中,播放器可以不用加載視頻計(jì)算各段的時(shí)長和字節(jié),而是直接開始播放,大大節(jié)約服務(wù)器資源3:可以做到跟網(wǎng)址形式調(diào)用同等的隱藏地址功能正文: 關(guān)于調(diào)用xml文件的方式可以參考本文只列出一個(gè)最簡單的調(diào)用方式如var flashvars=f:/down/xml.php?id=$pat,a:abcddef,s:2,c:0注意s的值為2你可以查看一下/down/xml.php?id=abcddef這個(gè)地址,輸出的就是xml格式的文件,還可以試著換一下id的值看看該文件的代碼如下:d-1.swf第一段視頻地址,注意你傳過來的參數(shù)id的值為abcdef第一段視頻的字節(jié)數(shù),如果沒有,可以直接刪除該項(xiàng),那么播放器就會(huì)自動(dòng)計(jì)算字節(jié)第一段視頻的時(shí)間,秒數(shù),沒有也直接刪除第二段視頻地址第二段視頻的字節(jié)數(shù)第二段視頻的秒數(shù)代碼的意思上面已經(jīng)說的很明白了。在此不一一解釋,只說一下 d-1.swf 的意思,這是在6.0后新增加了一種機(jī)制,該參數(shù)的作用可以說是很強(qiáng)大,因?yàn)樗梢栽诓シ牌髡{(diào)用該頁面同時(shí)改變 播放器里已經(jīng)設(shè)置好的參數(shù),當(dāng)然不是全部的參數(shù)都可以改變,有的已被播放器使用的就沒法改了,改變了會(huì)出錯(cuò),比如說f,s,a的值,這三個(gè)參數(shù)因?yàn)橐呀?jīng)運(yùn)行過了,改變了也沒有作用,再比如l,r,t這三個(gè)前置 廣告的參數(shù)也不可以改變 ,因?yàn)樵谡{(diào)用這個(gè)頁面的時(shí)候,廣告已經(jīng)加載,以下列出所有可以改變的值d,u,z,e,v,p,h,q,g,j,k,n其中最重要的就是h的值和q的值,友情提示,一定要記得這二個(gè)值的用處,在很多時(shí)候要改的,h是改變支持隨意拖動(dòng)的視頻采用何種形式的方式拖動(dòng),q是拖動(dòng)的參數(shù) ,在這里設(shè)置可以做到調(diào)用不同視頻時(shí)同時(shí)設(shè)置,做到一種智能判斷swf形式調(diào)用的原理及代碼示例調(diào)用播放器時(shí)當(dāng)s=3時(shí)將使用swf交互的形式調(diào)用視頻地址,視頻的加密方式直接在swf文件里完成,這樣可以做到很好的加密,友情提醒,有加密就有解密。調(diào)用代碼示例var flashvars= f:geturl.swf, a:abc, s:3 .省略此時(shí)就是使用的swf文件交互方式讀取視頻地址了。下面給出swf文件一個(gè)最簡單的示例并作說明var AppObj:Object;function setAppObj(app:Object):void/系統(tǒng)保留,不能刪除AppObj=app;Address();function Address()AppObj.loadAddress(1.flv|2.flv,3000|3000,35|35);說明var AppObj:Object;定義的是播放器對(duì)象function setAppObj(app:Object):void的作用是接受播放器傳遞過來的播放器對(duì)象,大體意思就是播放器加載這個(gè)swf文件時(shí),會(huì)同時(shí)向這個(gè)swf文件里傳遞一個(gè)函數(shù)數(shù)setAppObj,所以該文件需要用這個(gè)函數(shù)來接受,沒有話,播放器傳遞不了函數(shù)就會(huì)出錯(cuò),括號(hào)里的app就是播放器實(shí)例,AppObj=app,就是把AppObj定義成播放器的實(shí)例,播放器里的公開的函數(shù)和變量該文件都可以調(diào)用了此同時(shí)調(diào)用Address()函數(shù)function Address()的作用是向播放器里傳遞一個(gè)新的地址,傳遞方式是調(diào)用播放器里的loadAddress函數(shù)loadAddress(視頻地址列表,視頻大小列表,各段視頻時(shí)間列表)如果要調(diào)用播放器里的a值,就得多了解一下api接口了,關(guān)于接口的使用和插件里是一樣的播放rtmp視頻的方法和注意事項(xiàng)ckplayer里調(diào)用rtmp視頻的方法跟調(diào)用普通視頻(http協(xié)議)的方法基本一至,只是稍有區(qū)別比如最普通的調(diào)用方法就是var flashvars=f:rtmp:/:1935/live/TVFLV13,c:0;var params=bgcolor:#000,allowFullScreen:true,allowScriptAccess:always;var attributes=id:ckplayer_a1,name:ckplayer_a1;swfobject.embedSWF(ckplayer/ckplayer.swf, a1, 600, 400, 10.0.0,ckplayer/expressInstall.swf, flashvars, params, attributes); f值里的就是一個(gè)rtmp視頻流地址,請(qǐng)注意格式,rtmp:/ip/live(流地址)/livestream(實(shí)例名稱)如果是多級(jí)目錄,比如地址是rtmp:/localhost/vod/ab/c的。在ckplayer里播放的話,需要修改二個(gè)地方,一個(gè)是修改ckplayer.js和ckplayer.xml里的ck.pm_spac = |;改成ck.pm_spac = ,;總至不能用|,用其它的任何符號(hào)都能,此時(shí)的|我們需要在地址里做為區(qū)分rtmp的協(xié)議和實(shí)例名稱二是調(diào)用視頻地址時(shí)修改f:rtmp:/localhost/vod/ab/c為rtmp:/localhost/vod|ab/c這樣就可以了,注意豎線前面是地址,后面是實(shí)例名稱這方法針對(duì)多級(jí)目錄的rtmp有效如果是使用red5搭建的rtmp播放環(huán)境或使用自己的程序搭建的rtmp環(huán)境,還需要注意設(shè)置ckplayer.js里的ck.setup值的第23個(gè)參數(shù),設(shè)置成0,因?yàn)椴シ牌髟谶B接服務(wù)器的時(shí)候有時(shí)會(huì)收到一個(gè)斷開信號(hào),但是因?yàn)槭腔趓tmp協(xié)議的,會(huì)自動(dòng)等待連接,無需重復(fù)請(qǐng)求連接,重復(fù)請(qǐng)求倒會(huì)導(dǎo)致不能連接上服務(wù)器另外還要注意ckplayer.js里的ck.setup的第13個(gè)參數(shù),播放器的緩沖時(shí)間設(shè)置不能高于你服務(wù)器設(shè)置的緩沖時(shí)間。使用技巧本技巧提到單個(gè)字母的,正常都是指調(diào)用播放器時(shí)設(shè)置的var flashvars=里的參數(shù),本文提到的ck.開頭的都是指cklayer.js里的函數(shù)ckstyle()里的參數(shù)并且同時(shí)指ckplayer.xml里相對(duì)應(yīng)的參數(shù),比如說,本文說的ck.logo參數(shù)在ckplayer.xml里對(duì)應(yīng)的就是之間的值1:修改l右上角的logolog

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論