Vcastr3.0開(kāi)源在線(xiàn)flv播放器
Vcastr 3.0
Google Code : http://code.google.com/p/vcastr/
實(shí)例包:http://vcastr.googlecode.com/svn/trunk/vcastr3/release/example/example.zip
更改后實(shí)現(xiàn)的目的:
環(huán)境:
系統(tǒng):Mac Os X
集成環(huán)境:Mamp
演示目錄:/web/vcastr
虛擬主機(jī)域名:http://q.com
flv地址:(優(yōu)酷)點(diǎn)擊查看
flv地址采集:http://www.flvxz.com/
注意:如果采用遠(yuǎn)程flv視頻需要通過(guò)域名方式進(jìn)行訪(fǎng)問(wèn)如:http://localhost/vcastr
下載實(shí)例包把所有文件復(fù)制到 /web/vcastr 目錄下.
多余的文件我刪除了,根據(jù)自己的需要保留文件:
beginEndImagePlugIn.swf javaScriptPlugIn.swf vcastr3.swf logoPlugIn.swf vcastr3_w3c.html
打開(kāi)vcastr3_w3c.html文件
更改代碼:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>http://www.rzrgm.cn/wubaiqing/ By 吳佰清-葉子</title>
</head>
<body>
<object type="application/x-shockwave-flash" data="vcastr3.swf" width="650" height="500" id="vcastr3">
<param name="movie" value="vcastr3.swf"/>
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="xml=
{vcastr}
{channel}
{item}
{source}http://f.youku.com/player/getFlvPath/sid/13160160419837138962_00/st/flv/fileid/03000201004E65980CFC1A0572693A7D258BB0-FA3F-1518-AA24-67280B3F7742?K=09d5340f64bd89fc261be3d8{/source}
{duration}{/duration}
{title}wbq{/title}
{/item}
{/channel}
{config}
{/config}
{plugIns}
{logoPlugIn}
{url}logoPlugIn.swf{/url}
{logoText}wubaiqing.com{/logoText}
{logoTextAlpha}0.75{/logoTextAlpha}
{logoTextFontSize}30{/logoTextFontSize}
{logoTextLink}http://wubaiqing.com{/logoTextLink}
{logoTextColor}0xffffff{/logoTextColor}
{textMargin}20 20 auto auto{/textMargin}
{/logoPlugIn}
{/plugIns}
{/vcastr}"/>
</object>
</body>
</html>
就完成了上面的演示,點(diǎn)擊播放按鈕視頻就能正常播放了.
XML參數(shù)實(shí)例:
<vcastr>
<channel>
<item>
<source>http://f.youku.com/player/getFlvPath/sid/13160160419837138962_00/st/flv/fileid/03000201004E65980CFC1A0572693A7D258BB0-FA3F-1518-AA24-67280B3F7742?K=09d5340f64bd89fc261be3d8</source>
<duration></duration>
<title>搞笑</title>
</item>
</channel>
<config>
<bufferTime>4</bufferTime>
<contralPanelAlpha>0.75</contralPanelAlpha>
<controlPanelBgColor>0xff6600</controlPanelBgColor>
<controlPanelBtnColor>0xffffff</controlPanelBtnColor>
<contralPanelBtnGlowColro>0xffff00</contralPanelBtnGlowColro>
<controlPanelMode>float</controlPanelMode>
<defautVolume>0.8</defautVolume>
<isAutoPlay>true</isAutoPlay>
<isLoadBegin>true</isLoadBegin>
<isShowAbout>true</isShowAbout>
<scaleMode>showAll</scaleMode>
</config>
<plugIns>
<logoPlugIn>
<url>LogoPlugIn.swf</url>
<logoText>wubaiqing.com</logoText>
<logoTextAlpha>0.75</logoTextAlpha>
<logoTextFontSize>24</logoTextFontSize>
<logoTextColor>0xffffff</logoTextColor>
<textMargin>10 auto auto 10</textMargin>
<logoClipUrl></logoClipUrl>
<logoClipAlpha>1</logoClipAlpha>
<clipMargin>10 10 auto auto</clipMargin>
</logoPlugIn>
<beginEndImagePlugIn>
<url>beginEndImagePlugIn.swf</url>
<source>beginSwfTest.swf</source>
<type>begin</type>
<scaleType>exactFit</scaleType>
</beginEndImagePlugIn>
<javaScriptPlugIn>
<url>javaScriptPlugIn.swf</url>
</javaScriptPlugIn>
</plugIns>
</vcastr>
XML參數(shù)說(shuō)明:
channel.item
影片信息，可以設(shè)置多個(gè)影片
channel.itme.source
flv影片地址參數(shù)，此參數(shù)是唯一必須要有的參數(shù)，其他參數(shù)都可以不要，播放器有默認(rèn)參數(shù)
channel.itme.duration
對(duì)應(yīng)影片的總時(shí)間, 單位是秒，由于有些影片在制作過(guò)程中時(shí)間信息丟失，可以通過(guò)這里來(lái)設(shè)置
channel.itme.tilte
對(duì)應(yīng)影片的標(biāo)題
channel.itme.link
對(duì)應(yīng)影片點(diǎn)擊后的鏈接
播放器設(shè)置
config.bufferTime
在緩存區(qū)影片的時(shí)間,單位是秒
config.contralPanelAlpha
控制欄的透明度，在 0 — 1 之間
config.controlPanelBgColor
控制欄背景的顏色
config.controlPanelBtnColor
控制按鈕的顏色
config.contralPanelBtnGlowColro
控制按鈕光暈的顏色
config.defautVolume
默認(rèn)的聲音大小,最大為1,最小為0
config.controlPanelMode
控制欄的顯示模式，
“float”: 默認(rèn)的浮動(dòng)模式,鼠標(biāo)移除播放器就會(huì)隱藏掉
“normal”: 正常模式，任何時(shí)候都在影片的下部浮動(dòng)顯示
“bottom”: 下部模式，不浮動(dòng)在影片之上，而是顯示在影片下方
“none”: 不顯示播放器控制欄
config.isAutoPlay
是否影片自動(dòng)開(kāi)始播放,默認(rèn)是true
config.isLoadBegin
是否一開(kāi)始就讀取影片,默認(rèn)是true
config.isRepeat
是否循環(huán)播放影片,默然是false
config.isShowAbout
是否顯示關(guān)于信息
config.scaleMode
影片放縮模式:
“showAll”: 可以看到全部影片,保持比例,可能上下或者左右
“exactFil”: 放縮影片到播放器的尺寸,可能比例失調(diào)
“noScale”: 影片的原始尺寸,無(wú)放縮
“noBorder”: 影片充滿(mǎn)播放器,保持比例,可能會(huì)被裁剪
插件設(shè)置
plugIns 中每一個(gè)子節(jié)點(diǎn)代表一個(gè)插件，可以設(shè)置多個(gè)插件
plugIns.logoPlugIn，顯示logo插件的參數(shù)設(shè)置
plugIns.logoPlugIn.url
插件的地址，可以使用絕對(duì)地址，也可以使用相對(duì)地址，絕對(duì)地址需要http://開(kāi)始
plugIns.logoPlugIn.logoText
logo文字，注意之可以使用英文和英文標(biāo)點(diǎn)，不支持中文，如果想放中文，就把中文做成文字png透明圖片，用plugIns.logoPlugIn.logoClipUrl參數(shù)設(shè)置
plugIns.logoPlugIn.logoTextAlpha
文字的透明度
plugIns.logoPlugIn.logoTextLink
文字的連接
plugIns.logoPlugIn.logoTextFontSize
文字字體的大小
plugIns.logoPlugIn.logoTextColor
文字的顏色
plugIns.logoPlugIn.textMargin
文字的位置，用了css的margin概念，四個(gè)數(shù)值代表 上 右 下 左 相對(duì)于播放器的距離，四個(gè)數(shù)值用空格分開(kāi)，不需具體數(shù)值用”auto”填寫(xiě) ，比如左上對(duì)齊并都有10像素的距離可以寫(xiě) “10 auto auto 10″, 右下角對(duì)齊是”auto 10 10 auto”
plugIns.logoPlugIn.logoClipUrl
圖片logo的url，可以使用絕對(duì)地址，也可以使用相對(duì)地址，絕對(duì)地址需要http://開(kāi)始
plugIns.logoPlugIn.logoClipAlpha
圖片logo的透明度
plugIns.logoPlugIn.logoClipLink
圖片logo的連接
plugIns.logoPlugIn.clipMargin
圖片logo的位置，用了css的margin概念，四個(gè)數(shù)值代表 上 右 下 左 相對(duì)于播放器的距離，四個(gè)數(shù)值用空格分開(kāi)，不需具體數(shù)值用”auto”填寫(xiě) ，比如左上對(duì)齊并都有10像素的距離可以寫(xiě) “10 auto auto 10″, 右下角對(duì)齊是”auto 10 10 auto”
plugIns.javaScriptPlugIn，javaScript控制插件的參數(shù)設(shè)置
plugIns.javaScriptPlugIn.url
插件的地址，可以使用絕對(duì)地址，也可以使用相對(duì)地址，絕對(duì)地址需要http://開(kāi)始
以上內(nèi)容部分來(lái)源與網(wǎng)絡(luò).僅供學(xué)習(xí)參考!
轉(zhuǎn)載請(qǐng)注明來(lái)源地址:http://www.rzrgm.cn/wubaiqing/archive/2011/09/14/2176792.html
浙公網(wǎng)安備 33010602011771號(hào)