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调出动作面板，输入以下代码：
//创建一个名为nc的NetConnection对象
var nc:NetConnection = new NetConnection();
nc.connect(null);
//创建一个名为ns的NetStream对象，并将nc作为参数填写在括号内
var ns:NetStream = new NetStream(nc);
//创建一个名为myVideo的Video对象
var myVideo:Video;
//将myVideo播放的视频指定为ns myVideo.attachVideo(ns);
//让ns执行play()方法，括号内填写flv文件的路径，这里我用的是本地路径
ns.play(BT玩家.flv);
代码上有不清楚或者相关的请查看帮助文档。我们按Ctrl+Enter导出看看，这时候我们应该能正常播放flv影片了。 PS：如果目前你手头上没有flv文件，不用担心。著名的Google给我们提供了很好的服务，我们可以使用Danger的GVD来搜索查看并下载。这里我就直接给个地址
http://dengjie.com/gvd/gvd.swf?id=1858640896825067657

 
*****************************第二步：*****************************
新建screenshot、controlBar和control三个层，顺序如图1-3

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

图screenShot.jpg
PS：对于影片截图，放不放就根据需要啦。
选择层controlBar，用矩形工具绘制一个圆角矩形，将其转换成元件后，设置Alpha值为50％。如图1-4

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

图1-5
好，现在我们分别给上述几个按钮命名实例名为：rewind_btn、play_btn、pause_btn。选择action层第一帧输入一下代码：
rewind_btn.onRelease = function(){
//NetSream.seek()方法用来指定流播放秒数，或者说是播放位置。
ns.seek(0);
}
play_btn.onRelease = function(){
//播放or暂停
ns.pause();
}
pause_btn.onRelease = function(){
ns.pause();
}
 好的，我们现在按Ctrl+Enter测试下影片。这里需要说明一下，play_btn和pause_btn函数内的代码都为ns.pause();，实际上pause()这个方法是实现了视频流播放和暂停两个功能，当播放时按下就为暂停，暂停状态下按下就是继续播放。这里是为照顾初学者的理解我才这么做的，追求完美的朋友可以自己做一个按钮，实现播放符号和暂停符号的切换。
 
*****************************第三步：*****************************
前两部分我们学会了如何播放，控制视频等等，现在需要什么呢？既然是flv是流媒体，为了是播放器显得更人性化，现在还缺少一个Video加载的进度条。还等什么，赶快一起动手吧。首先，我们在层controlBar新建一个图层名为：loader，将笔触颜色设置为黑色，填充设置为白色，用矩形工具绘制一个进度条如图1-6
本文转自：http://www.5uflash.com/flashjiaocheng/Fmsjiaocheng/2305.html