flash視頻播放器Vcastr 3.0

http://www.ruochi.com/main/2008/03/19/vcastr-30/

 

Vcastr 3.0 – flash video(flv) player (開源 Open Source)

 

插入代碼直接寫入參數<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://vcastr.ruochi.com/video/happy_feet.flv</source>
                                        <duration></duration>
                                        <title></title>
                                </item>
                        </channel>
                        <config>
                        </config>
                        <plugins>
                        </plugins>
                "/>
</param></object>

 

使用xml傳遞參數<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>
 參數說明

xml的可以設定的全部參數，以及預設的數值

<vcastr>
        <channel>
                <item>
                        <source>http://vcastr.ruochi.com/video/happy_feet.flv</source>
                        <duration></duration>
                        <title></title>
                </item>
                <item>
                        <source>http://vcastr.ruochi.com/video/happy_feet.flv</source>
                        <duration></duration>
                        <title></title>
                </item>
                <item>
                        <source>http://vcastr.ruochi.com/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.ruochigroup.com/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樹結構並說明參數作用

影片資訊

channel.item

影片資訊，可以設定多個影片

channel.itme.source

flv影片地址參數，此參數是唯一必須要有的參數，其他參數都可以不要，播放器有預設參數

channel.itme.duration

對應影片的總時間, 單位是秒，由於有些影片在製作過程中時間資訊丟失，可以通過這裡來設定

channel.itme.tilte

對應影片的標題

channel.itme.link

對應影片點擊後的連結

播放器設定

config.bufferTime

在緩衝區影片的時間,單位是秒

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

是否迴圈播放影片,默然是false

config.isShowAbout

是否顯示關於資訊

config.scaleMode

影片放縮模式:
“showAll”: 可以看到全部影片,保持比例,可能上下或者左右
“exactFit”: 放縮影片到播放器的尺寸,可能比例失調
“noScale”: 影片的原始大小,無放縮
“noBorder”: 影片充滿播放器,保持比例,可能會被裁剪

外掛程式設定

plugIns 中每一個子節點代表一個外掛程式，可以設定多個外掛程式

plugIns.logoPlugIn，顯示logo外掛程式的參數設定plugIns.logoPlugIn.url

外掛程式的地址，可以使用絕對位址，也可以使用相對位址，絕對位址需要http://開始

plugIns.logoPlugIn.logoText

logo文字，注意之可以使用英文和英文標點，不支援中文，如果想放中文，就把中文做成文字png透明圖片，用plugIns.logoPlugIn.logoClipUrl參數設定

plugIns.logoPlugIn.logoTextAlpha

文字的透明度

plugIns.logoPlugIn.logoTextLink

文字的串連

plugIns.logoPlugIn.logoTextFontSize

文字字型的大小

plugIns.logoPlugIn.logoTextColor

文字的顏色

plugIns.logoPlugIn.textMargin

文字的位置，用了css的margin概念，四個數值代表 上 右 下 左相對於播放器的距離，四個數值用空格分開，不需具體數值用”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概念，四個數值代表 上 右 下 左相對於播放器的距離，四個數值用空格分開，不需具體數值用”auto”填寫 ，比如左上對齊並都有10像素的距離可以寫 “10 auto auto 10″, 右下角對齊是”auto 10 10 auto”

plugIns.javaScriptPlugIn，javaScript控制外掛程式的參數設定

plugIns.javaScriptPlugIn.url

外掛程式的地址，可以使用絕對位址，也可以使用相對位址，絕對位址需要http://開始

javaScript外掛程式

使用方法參看執行個體頁面
http://vcastr.ruochi.com/v3/vcastr_javaScript_example.html

javaScript可以控制播放器 播放，暫停，停止，快進，快退，下一個，上一個，音量控制，影片跳轉到需要的時間
在javaScript可以獲得播放器的事件,有四個參數回來，分別是type:事件種類，state:目前狀態, phayHeadTime:當前播放時間，loadPersent:下載百分比

事件 type有
stateChange，播放狀態變化，播放或者暫停
complete，播放完畢
init，播放器初始化完畢
ready，影片下載了一部分，已經可以開始播放
playheadUpdate，每一秒即發一次
startBuffering，開始緩衝
stopBuffering，緩衝結束

狀態 state
playing，播放中
paused，暫停中

beginEndImagePlugIn 影片開始和結尾需要載入外部資源(可以是圖片或者swf)的外掛程式beginEndImagePlugIn.logoPlugIn.url

外掛程式的地址，可以使用相對或者絕對位址，絕對位址需要http://開始

beginEndImagePlugIn.logoPlugIn.source

開始的圖片或者swf的地址

beginEndImagePlugIn.logoPlugIn.type

顯示方式，有3種顯示方法，begin:在開始的顯示，end:結尾部分顯示，beginEnd:在開始和結尾部分同時顯示

beginEndImagePlugIn.logoPlugIn.scaleType

“showAll”: 可以看到全部影片,保持比例,可能上下或者左右
“exactFit”: 放縮影片到播放器的尺寸,可能比例失調
“noScale”: 影片的原始大小,無放縮
“noBorder”: 影片充滿播放器,保持比例,可能會被裁剪