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

下載本文檔

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

文檔簡介

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

溫馨提示

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

最新文檔

評論

0/150

提交評論