特 點
使用as3.0重新寫了播放器
播放器大小縮小,在20+k左右
可以通過xml對播放器設置
可以播放多個影片，并且有影片列表
可以設置循環(huán)播放，自動播放，是否直接開始下載，控制欄的顏色和模式
控制欄可以適應超小的尺寸
可以使用插件擴充播放器的功能
可以用插件設置logo及連接
可以用插件來用javascript控制播放器
可以用插件來用設定播放器開始或者結束的圖片或者flash(swf) beta
下 載
beta 實例
beta 源代碼
實例
源代碼
Google Code Project Hosting
插入代碼
直接寫入?yún)?shù)
復制內容到剪貼板
程序代碼
<object type="application/x-shockwave-flash" data="vcastr3.swf" width="400" height="300" id="vcastr3">
<param name="movie" value="vcastr3.swf"/>
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="xml=
<vcastr><channel><item>
<source>http://bbs./flv/movie/20090109_video.flv</source>
<duration></duration>
<title></title>
</item></channel>
<config></config>
<plugIns><logoPlugIn>
<url>logoPlugIn.swf</url>
<logoText>www.</logoText>
<logoTextAlpha>0.75</logoTextAlpha>
<logoTextFontSize>20</logoTextFontSize>
<logoTextLink>http://www.</logoTextLink>
<controlPanelBgColor>0xff6600</controlPanelBgColor>
<controlPanelBtnColor>0xffffff</controlPanelBtnColor>
<contralPanelBtnGlowColro>0xffff00</contralPanelBtnGlowColro>
<isAutoPlay>flase</isAutoPlay>
<isLoadBegin>true</isLoadBegin>
<scaleMode>showAll</scaleMode>
<isRepeat>false</isRepeat>
<textMargin>10 10 auto auto</textMargin>
</logoPlugIn>
</plugIns>
</vcastr>"/>
</object>
如果你需要符合w3c的標準，可以用”{”"}”替換xml中的”<"">“,例子
使用xml傳遞參數(shù)
復制內容到剪貼板
程序代碼
<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.xml” /></object>
參數(shù)說明
xml的可以設置的全部參數(shù)，以及默認的數(shù)值
復制內容到剪貼板
程序代碼
<vcastr>
<channel>
<item>
<source>http://vcastr./video/happy_feet.flv</source>
<duration></duration>
<title></title>
</item>
<item>
<source>http://vcastr./video/happy_feet.flv</source>
<duration></duration>
<title></title>
</item>
<item>
<source>http://vcastr./video/happy_feet.flv</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>Ruochi.com</logoText>
<logoTextAlpha>0.75</logoTextAlpha>
<logoTextFontSize>24</logoTextFontSize>
<logoTextColor>0xffffff</logoTextColor>
<textMargin>10 auto auto 10</textMargin>
<logoClipUrl>http://www./images/logo.png</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ù)作用
影片信息
channel.item
影片信息，可以設置多個影片
channel.itme.source
flv影片地址參數(shù)，此參數(shù)是唯一必須要有的參數(shù)，其他參數(shù)都可以不要，播放器有默認參數(shù)
channel.itme.duration
對應影片的總時間, 單位是秒，由于有些影片在制作過程中時間信息丟失，可以通過這里來設置
channel.itme.tilte
對應影片的標題
channel.itme.link
對應影片點擊后的鏈接
播放器設置
config.bufferTime
在緩存區(qū)影片的時間,單位是秒
config.contralPanelAlpha
控制欄的透明度，在 0 — 1 之間
config.controlPanelBgColor
控制欄背景的顏色
config.controlPanelBtnColor
控制按鈕的顏色
config.contralPanelBtnGlowColro
控制按鈕光暈的顏色
config.defautVolume
默認的聲音大小,最大為1,最小為0
config.controlPanelMode
控制欄的顯示模式，
“float”: 默認的浮動模式,鼠標移除播放器就會隱藏掉
“normal”: 正常模式，任何時候都在影片的下部浮動顯示
“bottom”: 下部模式，不浮動在影片之上，而是顯示在影片下方
“none”: 不顯示播放器控制欄
config.isAutoPlay
是否影片自動開始播放,默認是true
config.isLoadBegin
是否一開始就讀取影片,默認是true
config.isRepeat
是否循環(huán)播放影片,默然是false
config.isShowAbout
是否顯示關于信息
config.scaleMode
影片放縮模式:
“showAll”: 可以看到全部影片,保持比例,可能上下或者左右
“exactFil”: 放縮影片到播放器的尺寸,可能比例失調
“noScale”: 影片的原始尺寸,無放縮
“noBorder”: 影片充滿播放器,保持比例,可能會被裁剪
插件設置
plugIns 中每一個子節(jié)點代表一個插件，可以設置多個插件
plugIns.logoPlugIn，顯示logo插件的參數(shù)設置
plugIns.logoPlugIn.url
插件的地址，可以使用絕對地址，也可以使用相對地址，絕對地址需要http://開始
plugIns.logoPlugIn.logoText
logo文字，注意之可以使用英文和英文標點，不支持中文，如果想放中文，就把中文做成文字png透明圖片，用plugIns.logoPlugIn.logoClipUrl參數(shù)設置
plugIns.logoPlugIn.logoTextAlpha
文字的透明度
plugIns.logoPlugIn.logoTextLink
文字的連接
plugIns.logoPlugIn.logoTextFontSize
文字字體的大小
plugIns.logoPlugIn.logoTextColor
文字的顏色
plugIns.logoPlugIn.textMargin
文字的位置，用了css的margin概念，四個數(shù)值代表 上 右 下 左 相對于播放器的距離，四個數(shù)值用空格分開，不需具體數(shù)值用”auto”填寫 ，比如左上對齊并都有10像素的距離可以寫 “10 auto auto 10″, 右下角對齊是”auto 10 10 auto”
plugIns.logoPlugIn.logoClipUrl
圖片logo的url，可以使用絕對地址，也可以使用相對地址，絕對地址需要http://開始
plugIns.logoPlugIn.logoClipAlpha
圖片logo的透明度
plugIns.logoPlugIn.logoClipLink
圖片logo的連接
plugIns.logoPlugIn.clipMargin
圖片logo的位置，用了css的margin概念，四個數(shù)值代表 上 右 下 左 相對于播放器的距離，四個數(shù)值用空格分開，不需具體數(shù)值用”auto”填寫 ，比如左上對齊并都有10像素的距離可以寫 “10 auto auto 10″, 右下角對齊是”auto 10 10 auto”
plugIns.javaScriptPlugIn，javaScript控制插件的參數(shù)設置
plugIns.javaScriptPlugIn.url
插件的地址，可以使用絕對地址，也可以使用相對地址，絕對地址需要http://開始
javaScript插件
使用方法參看實例頁面
http://vcastr./v3/vcastr_javaScript_example.html
javaScript可以控制播放器 播放，暫停，停止，快進，快退，下一個，上一個，音量控制，影片跳轉到需要的時間
在javaScript可以獲得播放器的事件,有四個參數(shù)回來，分別是type:事件種類，state:當前狀態(tài), phayHeadTime:當前播放時間，loadPersent:下載百分比
事件 type有
stateChange，播放狀態(tài)變化，播放或者暫停
complete，播放完畢
init，播放器初始化完畢
ready，影片下載了一部分，已經(jīng)可以開始播放
playheadUpdate，每一秒即發(fā)一次
startBuffering，開始緩沖
stopBuffering，緩沖結束
狀態(tài) state
playing，播放中
paused，暫停中
beginEndImagePlugIn 影片開始和結尾需要加載外部資源(可以是圖片或者swf)的插件
beginEndImagePlugIn.logoPlugIn.url
插件的地址，可以使用相對或者絕對地址，絕對地址需要http://開始
beginEndImagePlugIn.logoPlugIn.source
開始的圖片或者swf的地址
beginEndImagePlugIn.logoPlugIn.type
顯示方式，有3種顯示方法，begin:在開始的顯示，end:結尾部分顯示，beginEnd:在開始和結尾部分同時顯示
beginEndImagePlugIn.logoPlugIn.scaleType
“showAll”: 可以看到全部影片,保持比例,可能上下或者左右
“exactFil”: 放縮影片到播放器的尺寸,可能比例失調
“noScale”: 影片的原始尺寸,無放縮
“noBorder”: 影片充滿播放器,保持比例,可能會被裁剪
意見和反饋
必須部分，設置的flash的大小，地址，如果需要腳本使用，還可以設置id的名稱
<param name=“allowFullScreen” value=“true” />
是否允許全屏，如果不寫這一段，默認是不能全屏的。
<param name=“FlashVars” value=“xml=vcastr.xml” />
設置參數(shù)傳遞給flash，如果是多個參數(shù)用&連接，例如key1=value1&key2=value2&key3=value3,在vcastr3中，xml這個參數(shù)可以設置成xml文件的地址，或者直接設置xml文本內容。
<param name=“bgColor” value=“#ff6600″ />
設置flash的背景色，這個很多人詢問，在bcastr4的設置圓角后，十分有用
<param name=“menu” value=“false” />
設置flash右鍵菜單，去掉一些默認的菜單，只留下了設置和關于flashplayer
<param name=“quality” value=“high” />
設置flash的播放品質 可用參數(shù)是low autolow autohigh medium hight best, 默認應該是high
<param name=“scale” value=“default” />
設置flash的放縮模式 可用參數(shù)是 showall(顯示全部內容,保持比例，但是上下，或者左右可能有空白), noborder(放縮可以裁減內容，保持比例，但是不留空白), exactfit(放縮按照flash設置的高度和寬度，不保持比例)，noscale(不放縮，原始比例)
<param name=“wmode” value=“default” />
設置flash的窗口模式，可用參數(shù)Window(默認值，始終位于html的頂層),Opaque(允許flash上層可以有網(wǎng)頁的遮擋),Transparent(flash背景透明，有可能降低flash的性能)
<param name=“salign” value=“TL” />
設置flash縮放的參考點，可用參數(shù)L(左側)，R(右側)，T(上側)，B(下側)，TL(左上)，TR(右上)，BL(左下)，BR(右下)，如果不設置，默認以中心作為參考點
<param name=“base” value=“url” />
設置flash相對路徑的參考位置
