- 浏览: 44833 次
- 性别:
- 来自: 深圳
最新评论
*****************************第一步:*****************************
如今,以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
发表评论
-
flash中NetConnection与NetStream知识整理
2010-04-10 10:02 647NetConnection只有一个connect方法,NetS ... -
flv制作工具大全
2010-04-10 10:02 823Collected links to Flash Vid ... -
FLV播放器汇总
2010-04-10 10:01 593http://www.dengjie.com/weblog/c ... -
使用 Flash Remoting in Flash Forms 制作 Live Search
2010-04-10 10:01 644即时搜索效果察看 Live Search 的程式分成两部份 ... -
《AS 3 Cookbook 中文版》 第二章. 自定义类 2.0. 简介
2010-04-09 12:59 578ActionScript 3.0 最本质的 ... -
《AS 3 Cookbook 中文版》 第二章. 自定义类 2.0. 简介
2010-04-09 12:59 491ActionScript 3.0 最本质的 ... -
《AS 3 Cookbook 中文版》 第三章. 运行时环境 3.0. 简介
2010-04-09 12:59 755[1b] 3.0. 简介 [/1b]Flash ... -
《AS 3 Cookbook 中文版》 第三章. 运行时环境 3.0. 简介
2010-04-09 12:59 692[1b] 3.0. 简介 [/1b]Flash ... -
Flex2/AS3在Linux下的开发环境
2010-04-09 12:58 641这次修正了万恶的“Incorrect flash playe ... -
【as3】ActionScript 3.0体验试教学视频教程
2010-04-09 10:05 569很不错的视频教程 原文地址: http://blog.sina ... -
as3 使用sound类(翻译)-暂停和继续播放声音
2010-04-09 10:05 615[1b]问题十[/1b] 如何暂停声音,如何从暂停的地 ... -
AS3制作MP3波形图
2010-04-09 10:05 672示地址: http://www.taoshaw.com/tao ... -
AS3制作MP3波形图
2010-04-09 10:05 861示地址: http://www.taoshaw.com/tao ... -
as3打造一个非常酷的莲花曲线效果
2010-04-09 10:05 640详细代码: var radius:int=100; va ... -
跑动的小火柴人(flash动画)
2010-04-08 10:23 567本教程描绘的是完全用ActionScript做的一个火柴棍小人 ... -
旋转的flash花朵
2010-04-08 10:23 614先看下最终效果: 本课中的内容涉及:函数定义, for... ... -
旋转的flash花朵
2010-04-08 10:23 644先看下最终效果: 本课中的内容涉及:函数定义, for... ... -
逐帧flash动画制作:花儿吃蝴蝶
2010-04-08 10:23 862先看看效果: 分析: ... -
逐帧flash动画制作:花儿吃蝴蝶
2010-04-08 10:22 838先看看效果: 分析: ... -
鸽子动态画法
2010-04-08 08:35 871禽类的画法:鸽子动态。来一起分析下鸽子的运动方式。[1b](未 ...
相关推荐
播放器flv_54098\flv\flv视频播放器.exe
Flash_FLV视频播放器制作.docxFlash_FLV视频播放器制作.docx
我自己制作的flv播放器,还有一些小问题,正在解决中!
flv视频播放器flv视频播放器flv视频播放器
Vcastr 2.0 flv 网络播放器
websocket-fmp4、websocket-flv 视频播放器 web端 wsplayer
flv播放器flv播放器flv播放器flv播放器
flv 播放器 flv 播放器 flv 播放器
功能比较全的flv网页播放器源码,可以支持任何flv格式的视频文件。
flv视频播放器源码,里面info.xml,video.flv,video_player.fla(源码),video_player.swf等等
开源的 flv 网络播放器 里面有例子 也可以到它官方网页了解,支持插件时配置
一个可以放在web页面的flv网络播放器,好用!
有预览列表的FLV视频播放器
真正可以播放FLV文件的播放器
flv视频播放器
超酷 小巧的FLV网页播放器。文件很少,功能强大。
网页flv视频播放器网页中可以播放flv格式的视频,一直在用,特此分享一下。
flv 视频播放器代码 flv视频播放器代码
FLV播放器 网页播放器 FLV播放器 网页播放器