flv视频网页播放器及相关代码 - TOMMYHU - 专注互联网开发及运营技术,提供相关资料及软件下载,奇趣网络时事评论!
Jul 2

flv视频网页播放器及相关代码 不指定

*Image Rotator仅支持播放列表中的第一个'audio'项,被用来做为背景音乐来播放。播放器会播放所有的音乐项目。
** "category" 元素可以用来支持广告。你可以设置该值为"preroll", "postroll" 或 "overlay".
使用"link"播放列表中单项的值为广告地址。
*** "start"元素只被XSPF的播放列表格式支持。该元素用来设置流媒体文件(HTTP or RTMP)的开始位置,单位为秒。
**** XSPF列表格式中的"location"元素中如果不包含常见的扩展名(如 "mp3" or "flv"),可以使用"meta"元素指定文件格式。(如 我为播放器创建了公开的controller对象,所以你可以在你程序的任何地方通过使用sendEvent()来控制播放器,如:
程序代码
mpl.controller.sendEvent("volume",50);
mpl.controller.sendEvent("playpause");
支持
常见问题列表
1.如果你在使用ie的情况下出现了布局错乱的情况,那可能是大小没有别设定好,你可以使用变量"width"和"height"来强行设置。
2.注意,flash和javascript的安全机制会影响你的本地测试。当你的文件放在不同的服务器上的时候也会受到影响,你可以尝试放在同一个服务器上。
3.全屏功能只有在flash player9.028.0以上版本才能使用,如果你使用了swfobject来嵌入你的播放器,你可以使用他的自动升级功能。注意设置 "allowfullscreen" 为true
4.如果你的进度条不动,或者你的视频的长度有问题。那可能是你的flv没有设置正确的metadata。你可以使用一个小工具www.buraks.com/flvmdi/.
两个版本使用起来稍有不同,具体请见里面说明
官方下载链接:http://www.jeroenwijering.com/upload/jw_flv_player.zip
本文来自: 脚本之家(www.jb51.net) 详细出处参考:http://www.jb51.net/article/14107.htm


功能:网页FLV视频在线播放代码



代码如下:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="400">
    <param name="movie" value="http://www.cnzz.cc/Flv/Flvplayer.swf" />
    <param name="quality" value="high" />
    <param name="allowFullScreen" value="true" />
    <param name="FlashVars" value="vcastr_file=http://www.cnzz.cc/news/UploadFiles_1118/200809/神舟七号点火发射瞬间.flv&LogoText=www.cnzz.cc&BufferTime=3" />
    <embed src="http://www.cnzz.cc/Flv/Flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=http://www.cnzz.cc/news/UploadFiles_1118/200809/神舟七号点火发射瞬间.flv&LogoText=www.cnzz.cc" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="400"></embed>
</object>




播放文件下载:点击下载



代码说明:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="400">
    <param name="movie" value="http://www.cnzz.cc/Flv/Flvplayer.swf" />
    <param name="quality" value="high" />
    <param name="allowFullScreen" value="true" />
    <param name="FlashVars" value="vcastr_file=http://www.cnzz.cc/news/UploadFiles_1118/200809/神舟七号点火发射瞬间.flv&LogoText=www.cnzz.cc&BufferTime=3" />
    <embed src="http://www.cnzz.cc/Flv/Flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=http://www.cnzz.cc/news/UploadFiles_1118/200809/神舟七号点火发射瞬间.flv&LogoText=www.cnzz.cc" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="400"></embed>
</object>



500 :播放器的宽度。

400:播放器的高度。

Flvplayer.swf :播放器文件地址,如果大家没空间放,请直接用http://www.cnzz.cc/Flv/Flvplayer.swf

http://www.cnzz.cc/news/UploadFiles_1118/200809/神舟七号点火发射瞬间.flv:flv文件地址。

www.cnzz.cc :播放器顶部标志,可缺省。

Flvplayer.swf 这是FLV播放器,也就是上面下载的播放文件,很重要,路径一定要对,否则播放错误,可以放其他目录,如果放在 img目录就是:img/Flvplayer.swf   ,前面不带“/”。,可直接用本地的FLV播放器http://www.cnzz.cc/Flv/Flvplayer.swf


教你制作FLV流媒体格式播放器
 FLV流媒体格式是一种新的视频格式,全称为Flash Video。Flash MX 2004对其提供了完美的支持,它的出现有效地解决了视频文件导入Flash后,使导出的SWF文件体积庞大,不能在网络上很好的使用等缺点。下面我们就来介绍一下如何使用小巧的FLV流媒体文件。

  一、建立FLV流媒体格式文件

  首先,打开Flash MX 2004,新建一个Flash文档。将准备好的AVI格式的视频文件导入到库中。导入过程会出现向导提示,总共分2步,分别是“编辑”和“编码”的处理(如图1)。

  
Highslide JS
图1 “视频导入”界面


  按照默认值进行处理,我们选择“导入整个视频”,单击“下一步”按钮然后“结束”完成导入过程。按下“Ctrl+L”组合键打开库,双击刚刚导入的AVI文件图标,打开“嵌入视频属性”界面(如图2)。

  
Highslide JS
图2 “嵌入视频属性”界面


  单击“导出”生成FLV格式文件。

  通过以上操作我们成功地将视频AVI格式转换成为了FLV格式。这其中发生了什么变化呢?在默认参数的转化下。使23MB的AVI文件变成了541KB的FLV文件。让一个大块头“瘦”下来,这就可以轻松的放到网络中使用了。
 二、使用FLV流媒体文件

  新建一个Flash文档,按下“Ctrl+F7”组合键打开组件窗口,将Media Componets中的MediaPlayback组件拖入场景中(如图3)。

  
Highslide JS
图3 将组件拖入场景


  用鼠标选中刚拖入的MediaPlayback组件,按下“Alt+F7”组合键打开“组件检查器”界面(如图4)。组件检查器中的参数含义如下:定义了播放文件的类型为FLV,也可以播放MP3文件;URL中需要指定FLV文件的路径,因为我们将FLV文件和Flash文件放在了同一目录中,所以这里只要指定文件名就可以了;Automatically Play为自动播放;Control Placement和Control Visibility分别为播放面板的位置和是否可见。

  
Highslide JS
图4 “组件检查器”界面


  设置完成后,我们可以通过按下“Ctrl+Enter”组合键测试效果。视频图像和声音是不是让你耳目一新啊(如图5)!

  
Highslide JS
图5 最终效果


  这样一个FLV格式的流媒体播放器就完成了。别看它制作简单,但功能还算齐全,特别是它提供了下载进度的显示,可以一边下载一边播放。这样我们的网站再也不用愁那些“大块头”的视频文件怎么放上去了。Flash MX 2004支持很多视频格式转化为FLV,自己动手做做,你会发现很多新技巧。不断的探索,你会成长的很快!
▲返回顶部
Last modified by tommyhu on2009/08/18 09:46

Add a comment

Nickname

emotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemot