Vcastr3.0_flv网页播放器使用方法

今天需要做一个在线播放flv视频的任务,但是找来找去,很多播放器都不很实用,要么就是不是自己想要的那种,然后找到了vcastr3,Vcastr3.0是一款开源的flv在线网页播放器插件,里面很多东西都可以自己定义,比如logo,网址等!本文将引导新手完成一个简单的网页播放实例!
首先引入例子:

  1. <object type="application/x-shockwave-flash" data="vcastr3.swf" width="650" height="500" id="vcastr3"> 
  2. <param name="movie" value="vcastr3.swf"/> 
  3. <param name="allowFullScreen" value="true" /> 
  4. <param name="FlashVars" value="xml=  
  5. <vcastr> 
  6. <channel> 
  7. <item> 
  8. <source>http://meowpet.com/uploads/media/test.flv</source> 
  9. <duration></duration> 
  10. <title></title> 
  11. </item> 
  12. </channel> 
  13. <config> 
  14. <bufferTime>4</bufferTime> 
  15. <contralPanelAlpha>0.75</contralPanelAlpha> 
  16. <controlPanelBgColor>0xff6600</controlPanelBgColor> 
  17. <controlPanelBtnColor>0xffffff</controlPanelBtnColor> 
  18. <contralPanelBtnGlowColro>0xffff00</contralPanelBtnGlowColro> 
  19. <controlPanelMode>float</controlPanelMode> 
  20. <defautVolume>0.8</defautVolume> 
  21. <isAutoPlay>true</isAutoPlay> 
  22. <isLoadBegin>true</isLoadBegin> 
  23. <isShowAbout>false</isShowAbout>
  24. <scaleMode>showAll</scaleMode> 
  25. </config> 
  26. <plugIns> 
  27. <logoPlugIn> 
  28. <url>logoPlugIn.swf</url> 
  29. <logoText>www.meowpet.com/</logoText> 
  30. <logoTextAlpha>0.75</logoTextAlpha> 
  31. <logoTextFontSize>20</logoTextFontSize> 
  32. <logoTextLink>www.meowpet.com</logoTextLink> 
  33. <logoTextColor>0xffffff</logoTextColor> 
  34. <textMargin>20 20 auto auto</textMargin> 
  35. </logoPlugIn> 
  36. </plugIns> 
  37. </vcastr>"/> 
  38. </object> 

 上面这段代码就是要完整插入网页的,只是个简单的例子,可以让你在网页中播放单个指定的flv视频!下面开始讲解参数:
channel 影片设置 (这里可以设置视频的标题,链接等)
<item>
影片信息,可以设置多个影片
<itme.source>
flv影片地址参数,此参数是唯一必须要有的参数,其他参数都可以不要,播放器有默认参数
<itme.duration>
对应影片的总时间, 单位是秒,由于有些影片在制作过程中时间信息丢失,可以通过这里来设置
<itme.tilte>
对应影片的标题
<itme.link>
对应影片点击后的链接
contral播放器设置(这里用来设置播放器参数,例如:自动播放,控制栏颜色,透明度等)
<bufferTime>
在缓存区影片的时间,单位是秒
<contralPanelAlpha>
控制栏的透明度,在 0 — 1 之间
<controlPanelBgColor>
控制栏背景的颜色
<controlPanelBtnColor>
控制按钮的颜色
<contralPanelBtnGlowColro>
控制按钮光晕的颜色
<defautVolume>
默认的声音大小,最大为1,最小为0
<controlPanelMode>
控制栏的显示模式,
"float": 默认的浮动模式,鼠标移除播放器就会隐藏掉
"normal": 正常模式,任何时候都在影片的下部浮动显示
"bottom": 下部模式,不浮动在影片之上,而是显示在影片下方
"none": 不显示播放器控制栏
<isAutoPlay>
是否影片自动开始播放,默认是true
<isLoadBegin>
是否一开始就读取影片,默认是true
<isRepeat>
是否循环播放影片,默然是false
<isShowAbout>
是否显示关于信息
<scaleMode>
影片放缩模式:
"showAll": 可以看到全部影片,保持比例,可能上下或者左右
"exactFil": 放缩影片到播放器的尺寸,可能比例失调
"noScale": 影片的原始尺寸,无放缩
"noBorder": 影片充满播放器,保持比例,可能会被裁剪
logoPlugIn插件设置(用来设置版权信息,例如:你的网址,链接,网址字体大小等)
plugIns 中每一个子节点代表一个插件,可以设置多个插件
logoPlugIn显示logo插件的参数设置
<logoPlugIn.url>
插件的地址,可以使用绝对地址,也可以使用相对地址,绝对地址需要http://开始
<logoPlugIn.logoText>
logo文字,注意之可以使用英文和英文标点,不支持中文,如果想放中文,就把中文做成文字png透明图片,用<logoPlugIn.logoClipUrl参数设置
<logoPlugIn.logoTextAlpha>
文字的透明度
<logoPlugIn.logoTextLink>
文字的连接
<logoPlugIn.logoTextFontSize>
文字字体的大小
<logoPlugIn.logoTextColor>
文字的颜色
<logoPlugIn.textMargin>
文字的位置,用了css的margin概念,四个数值代表 上 右 下 左 相对于播放器的距离,四个数值用空格分开,不需具体数值用"auto"填写 ,比如左上对齐并都有10像素的距离可以写 "10 auto auto 10″, 右下角对齐是"auto 10 10 auto"
<logoPlugIn.logoClipUrl>
图片logo的url,可以使用绝对地址,也可以使用相对地址,绝对地址需要http://开始
<logoPlugIn.logoClipAlpha>
图片logo的透明度
<logoPlugIn.logoClipLink>
图片logo的连接
<logoPlugIn.clipMargin>
图片logo的位置,用了css的margin概念,四个数值代表 上 右 下 左 相对于播放器的距离,四个数值用空格分开,不需具体数值用"auto"填写 ,比如左上对齐并都有10像素的距离可以写 "10 auto auto 10″, 右下角对齐是"auto 10 10 auto"

演示地址:http://www.meowpet.com/uploads/soft/test/flvplay/

下载地址:http://www.meowpet.com/html/soft/2011/0914/85.html

转载请注明:代码家园 » Vcastr3.0_flv网页播放器使用方法

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)