Flv网络播放器制作全攻略

如今，以flash player播放的流媒体flv文件越来越流行（PS：不知道是国内技术太落后，还是其他原因，还算不上常见），我们可以使用Flash当中自带的PlayBack组件来制作播放器。但是某些时候，PlayBack的Skin并不能满足我们的需求，比如与网页页面风格不相符或者不能很好的集成到我们的Flash站点当中，这时候我们就需要自己动手打造自己的PlayBack了。好在，制作基本功能的flv播放器不是很难/^_^/。下面我们一步一步开始吧。

*****************************第一步*****************************

首先我们打开Flash的元件库，如图1－1所示，我们点击红色的部分新建一个视频元件

图1－1

新建一个图层并命名为video，将视频元件从元件库拖到舞台中并更改大小为320*240，给舞台中的视频元件命名实例名为：myVideo。如图1－2

图1－2

新建一个图层命名为action，选择第一帧按F9调出动作面板，输入以下代码：

var nc:NetConnection = new NetConnection();

nc.connect(null);

var ns:NetStream = new NetStream(nc);

var myVideo:Video;

myVideo.attachVideo(ns);

ns.play("http://www.creeper.cn/video/BT玩家.flv");

具体代码有不清楚的请查看帮助文档。我们按Ctrl+Enter导出看看，这时候我们应该能正常播放flv影片了。

*****************************第二步*****************************

新建screenshot、controlBar和control三个层，顺序如图1-3

图1-3

把screenshot放在video层之下，导入screenShot.jpg，并将该元件放到screenshot层上与video的框架正好吻合。

图screenShot.jpg

选择层controlBar，用矩形工具绘制一个圆角矩形，将其转换成元件后，设置Alpha值为50％。如图1-4

图1-4

选择层control，是用文字工具，选择字体为Webdings，颜色为黑色，按下9打出特殊符号9，再按4打出另外一个特殊符号4，然后按；打出;。分别将这两个符号转换为按钮元件rewind_button、play_button和pause_button，并定位好他们的位置如图1-5

图1-5

好，现在我们分别给上述几个按钮命名实例名为：rewind_btn、play_btn、pause_btn。选择action层第一帧输入一下代码：

rewind_btn.onRelease = function(){

ns.seek(0);

}

play_btn.onRelease = function(){

ns.pause();

}

pause_btn.onRelease = function(){

ns.pause();

}

好的，我们现在按Ctrl+Enter测试下影片。这里需要说明一下，play_btn和pause_btn函数内的代码都为ns.pause();，实际上pause()这个方法是实现了视频流播放和暂停两个功能，当播放时按下就为暂停，暂停状态下按下就是继续播放。

这里是为照顾初学者的理解我才这么做的，追求完美的朋友可以自己做一个按钮，实现播放符号和暂停符号的切换。

今天就先写这么多，之后我们继续制作进度条、播放滑块等。

*****************************第三步：*****************************

前两部分我们学会了如何播放，控制视频等等，现在需要什么呢？既然是flv是流媒体，为了是播放器显得更人性化，现在还缺少一个Video加载的进度条。还等什么，赶快一起动手吧。

首先，我们在层controlBar新建一个图层名为：loader，将笔触颜色设置为黑色，填充设置为白色，用矩形工具绘制一个进度条如图1-6

图1-6

然后我们选择该矩形并按F8将其转换成一个名为loader的影片剪辑，并且将场景中该元件的实例名也命名为loader，设置Alpha值为60％。双击进入该影片剪辑的编辑状态，选择中间白色的填充，按F8转换名为loadBar的影片剪辑，并命名该元件的实例名为loadBar。

然后返回场景，选择action层的第一帧输入以下代码：

var amountLoaded:Number = 0;

loader.loadBar._xscale = amountLoaded;

function videoStatus(){

var videoTotal:Number = ns.bytesTotal;

var videoLoaded:Number = ns.bytesLoaded;

amountLoaded = videoLoaded /videoTotal*100;

loader.loadBar._xscale = amountLoaded;

trace(amountLoaded);

}

var videoInterval = setInterval(videoStatus,100);

好了，按Ctrl+Enter测试影片吧。（

Flv网络播放器制作全攻略相关推荐

Flv网络播放器制作全攻略(续)
*****************************第一步:***************************** 如今,以flash player播放的流媒体flv文件越来越流行(PS:不 ...
Vcastr 2.2 flv 网络播放器参数设置
Vcastr 2.2 flv 网络播放器参数设置参数名称参数说明默认值 vcastr_file 方法2传递影片flv文件地址参数,多个使用|分开空 vcastr_title 影片标题参数,多 ...
Vcastr 2.2 flv 网络播放器
导读: Vcastr2.2 是一款FLV网络播放器,可以用于各种新闻系统或者blog系统,Vcastr 拥有众多特点和自定义设置,经过不断升级修正,已经具备用户需要的大多数基本功能. 例子免费下载 ...
最新DOS启动盘制作全攻略
多种DOS启动盘制作全攻略(图文版)V1.0 一.写在前面的话: DOS对从Windows时代开始接触计算机的人来说,有点难懂.有点神秘,也遥远了一点,但这不能成为大家掌握DOS的绊脚石.学会些DOS ...
dos盘启动计算机,最新万能 DOS 启动盘制作全攻略(软盘+光盘+U盘+硬盘+NTFS+应急实用工具)...
最新万能 DOS 启动盘制作全攻略(软盘+光盘+U盘+硬盘+NTFS+应急实用工具) 更新时间:2006年12月21日 00:00:00 作者: 首先说明一下各种操作系统启动到DOS的途径: WI ...
u盘怎么样在w ndows7上使用,Windows7安装U盘 DIY 制作全攻略
Win7之家( www.win7china.com):Windows7安装U盘 DIY 制作全攻略本文上手度:适合对BIOS设置.ISO镜像软件不熟悉的用户,高手请不用口水,请直接去软媒论坛Win7 ...
万能DOS启动盘制作全攻略！（软盘＋光盘＋U盘＋硬盘＋NTFS＋……）
万能DOS启动盘制作全攻略!(软盘+光盘+U盘+硬盘+NTFS+--) 写在前面的话: DOS--老骥伏枥,志在千里. DOS对从windows时代接触计算机的人来说,晦涩了一点,神秘了一点,遥远了一 ...
智能机器人制作全攻略
智能机器人制作全攻略鱼芯工作室智能车杂谈昨天机器人爱好者他孤独地坐在阴冷发霉的地下室里,正如以前度过的无数个漫漫长夜:计划从头脑倾泻而出,他不停地进行着计算,然后不断地使他的创造性想法变成现实 ...
万能DOS启动盘制作全攻略！（软盘＋光盘＋U盘＋硬盘＋NTFS＋应急实用工具）
万能DOS启动盘制作全攻略!(软盘+光盘+U盘+硬盘+NTFS+应急实用工具) 本文转自阿榕,文章版权归阿榕软件论坛管理员nnmm所有首先说明一下各种操作系统启动到DOS的途径: WIN9x系统:开 ...

Flv网络播放器制作全攻略

Flv网络播放器制作全攻略相关推荐

最新文章

热门文章