Vcastr2.2 是一款FLV网络播放器,可以用于各种新闻系统或者blog系统,Vcastr 拥有众多特点和自定义设置,经过不断升级修正,已经具备用户需要的大多数基本功能。Vcastr 2.2 flv 网络播放器


功能

.可以读取xml设置播放列表
.可以直接读取出flv地址进行播放
.多影片连续播放
.自定义尺寸,自动适应
.简洁播放器风格
.自定义循环播放
.支持最大化播放
.支持直接js嵌入



2.2更新
修正了只能读取.flv扩展名文件,可以修改文件名以适应win2003主机
修该了功能栏的隐藏方式
修正了直接在地址栏传递参数的问题

2.1更新
.修正了一些bug
.支持双击全屏
.支持播放前广告设置
.增加缓冲时间设置
.使用新的参数传递设置

2.0新增更多的自定义选项,和界面设计
.自定义是否自动播放
.自定义是否连续
.自定义默认音量
.2种控制栏位置选择
.3种控制显示方式
.自定义色彩搭配
.支持加入网站logo和文字
.支持影片结尾swf扩展功能

使用方法

1.js嵌入 

方法一,直接copy下面代码,修改其中的 swf_width,swf_height,files,texts 参数


 程序代码





2,方法二,简单直接传递影片地址

其中
vcastr_flie =http://www.ruochi.com/product/vcastr/flv/happy_feet.flv|http://www.ruochi.com/product/vcastr/flv/江南.flv|http://www.ruochi.com/product/vcastr/flv/晚安部落.flv
直接给出flv文件地址,多个使用|分开


 程序代码










3,方法三,读取影片xml 

其中/product/vcastr2/vcastr2.swf?vcastr_xml_url =http://www.ruochi.com/product/vcastr/vcastr.xml
是播放列表的xml地址


 程序代码










4.高级选项


 程序代码











 程序代码





在以上"参数A=111&参数B=222"部分添加参数,使用 参数=值 的格式,多个参数用&连接,参数数量不限制,注意有2个绿色部分http://www.ruochi.com/product/vcastr2/vcastr22.swf地方需要修改

例如


 程序代码

value="http://www.ruochi.com/product/vcastr2/vcastr22.swf?vcastr_file=http://www.transformersmovie.com/transformers_640.flv&vcastr_title=变形金刚预告片&BarColor=0xFF6600&BarPosition=1"



表示影片地址是"http://www.transformersmovie.com/transformers_640.flv",标题是"变形金刚预告片",控制栏颜色是0xFF6600,控制栏位置在下方


 程序代码










参数名称=====参数说明=====默认值 
vcastr_file===== 方法2传递影片flv文件地址参数,多个使用|分开===== 空 
vcastr_title===== 影片标题参数,多个使用|分开,与方法2配合使用===== 空 
vcastr_xml===== 方法3 传递影片flv文件地址参数,样板参考 http://www.ruochi.com/product/vcastr2/vcastr.xml   vcastr.xml 
IsAutoPlay===== 影片自动播放参数:0表示不自动播放,1表示自动播放===== 0 
IsContinue===== 影片连续播放参数:0表示不连续播放,1表示连续循环播===== 1 
IsRandom===== 影片随机播放参数:0表示不随机播放,1表示随机播放===== 0 
DefaultVolume===== 默认音量参数 :0-100 的数值,设置影片开始默认音量大小===== 100 
BarPosition===== 控制栏位置参数 :0表示在影片上浮动显示,1表示在影片下方显示===== 0 
IsShowBar===== 控制栏显示参数 :0表示不显示;1表示一直显示;2表示鼠标悬停时显示;3表示开始不显示,鼠标悬停后显示===== 2 
BarColor===== 播放控制栏颜色,颜色都以0x开始16进制数字表示===== 0x000033 
BarTransparent===== 播放控制栏透明度===== 60 
GlowColor===== 按键图标颜色,颜色都以0x开始16进制数字表示===== 0x66ff00 
IconColor===== 鼠标悬停时光晕颜色,颜色都以0x开始16进制数字表示===== 0xFFFFFF 
TextColor===== 播放器文字颜色,颜色都以0x开始16进制数字表示===== 0xFFFFFF 
LogoText===== 可以添加自己网站名称等信息(英文)===== 空 
LogoUrl===== 可以从外部读取logo图片,注意自己调整logo大小,支持图片格式和swf格式===== 空 
EndSwf===== 影片播放结束后,从外部读取swf文件,可以添加相关影片信息,影片分享等信息,需自己制作===== 空 
BeginSwf===== 影片开始播放之前,从外部读取swf文件,可以添加广告,或者网站信息,需自己制作===== 空 
IsShowTime===== 是否显示时间 : 0表示不显示时间,1表示显示时间===== 1 
BufferTime===== 影片缓冲时间,单位(秒)===== 2 

常见问题

问:Logo 文字无法显示
答:Logo 文字不能支持中文,可以用LogoUrl参数将Logo做成.swf文件或者.png文件。

问:xml 如何设置高级参数
答:如下


 程序代码

 

           
                       
                                   http://vcastr.ruochi.com/video/happy_feet.flv
                       
           
" type="application/x-shockwave-flash" width="240" height="180">
           
           
                       
                                   http://vcastr.ruochi.com/video/happy_feet.flv
                       
           
" />
           



使用xml传递参数

 程序代码

           
           



参数说明
xml的可以设置的全部参数,以及默认的数值


 程序代码

           
                       
                                   http://vcastr.ruochi.com/video/happy_feet.flv
                                   
                                   
                       
                       
                                   http://vcastr.ruochi.com/video/happy_feet.flv
                                   
                                   
                       
                       
                                   http://vcastr.ruochi.com/video/happy_feet.flv
                                   
                                   
                       
           
           
                       4
                       0.75
                       0xff6600
                       0xffffff
                       0xffff00
                       float
                       0.8
                       true
                       true
                       true
                       showAll
           
           
                       
                                   LogoPlugIn.swf
                                   Ruochi.com
                                   0.75
                                   24    
                                   0xffffff
                                   10 auto auto 10
                                   http://www.ruochigroup.com/images/logo.png
                                   1
                                   10 10 auto auto
                       
                       
                                   javaScriptPlugIn.swf
                       
           



以下用”.”描述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.isAutoPlay
是否影片自动开始播放,默认是true

config.isLoadBegin
是否一开始就读取影片,默认是true

config.isRepeat
是否循环播放影片,默然是false

config.isShowAbout
是否显示关于信息

config.scaleMode
影片放缩模式:
“showAll”: 可以看到全部影片,保持比例,可能上下或者左右
“exactFil”: 放缩影片到播放器的尺寸,可能比例失调
“noScale”: 影片的原始尺寸,无放缩
“noBorder”: 影片充满播放器,保持比例,可能会被裁剪

插件设置

plugIns 中每一个子节点代表一个插件,可以设置多个插件

plugIns.logoPlugIn,显示logo插件的参数设置

plugIns.logoPlugIn.url
插件的地址,可以使用绝对地址,也可以使用相对地址,注意相对地址是相对于播放器插入的页面的相对地址

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,可以使用绝对地址,也可以使用相对地址,注意相对地址是相对于播放器插入的页面的相对地址

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
插件的地址,可以使用绝对地址,也可以使用相对地址,注意相对地址是相对于播放器插入的页面的相对地址

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,暂停中