自制Flash FLV视频播放器

FW制作碳纤维风格图标 制作超酷的花纹3D字效果 PS打造彩色的彗星字效果 AI设计时尚漂亮LOGO 来自水晶石教育春节的美好祝福 水晶石教育上海中心EA定向班第2期开课 水晶石成为海淀区产学研研发中心 Flash8.net 教材区首页 最新教材列 教材提供 自制Flash FLV视频播放器 作者：大圣 类型:转载 来源:菲特网 z 点击数: 20318 今日: 4 本周: 38 大家好，前不久笔者将CenFun Music Player加入flv视频播放功能，这里单独拿出来给大家做一个Flash FLV 播放器(仅ActionScript控制，不使用 FLVPlayback 组件)，如有不当之处还望指正。 下面就打开您的Macromedia Flash Player 8(推荐)开始吧！ 首先新建文档，设置背景色黑色，其他默认，然后建四个图层。 第一层用来放视频元件，方法如下： 1，在"库"面板（"窗口">"库"）中，从"库"弹出菜单中选择"新建视频"。 2，在"视频属性"对话框中，命名视频元件并选择"视频"（由 ActionScript 控制）。 3，将视频对象从"库"面板拖到舞台正中间，以创建视频对象实例。 4，对此视频元件取实例名为 "my_video"。 第二层用来放视频地址输入栏，方法如下： 1，在舞台左下方用文本工具（快捷键T）画一个地址输入文本框，类型选择"输入文本"类型。 2，在"线条类型"弹出菜单中选择"单行"，并确认"在文本周围显示边框"处于选中状态。 3，对此文本框取实例名为"url"。 第三层用来放播放开始按钮，方法如下： 1，在"库"面板（"窗口">"库"）中，新建元件按钮，按钮样式自行制作好，暂时能用就行。 2，将新建的按钮对象从"库"面板拖到舞台地址输入框后面，以创建播放开始按钮。 3，对此播放开始按钮取实例名为"play_bt"。 第四层用来放所有的ActionScript： //首先初始化 //创建一个 NetConnection 对象 var my_nc:NetConnection = new NetConnection(); //创建一个本地流连接 my_nc.connect(null); //创建一个 NetStream 对象 var my_ns:NetStream = new NetStream(my_nc); //写一个播放函数playflv() function playflv(flv) { //参数flv是要播放的flv视频地址 //trace(flv);//测试用 // 将 NetStream 视频输入信号附加到 Video 对象，即视频元件my_video my_video.attachVideo(my_ns); // 设置缓冲时间，单位秒，下面设置3秒即可 my_ns.setBufferTime(3); // 开始播放 FLV 文件 my_ns.play(flv); } Page 1 of 5自制Flash FLV视频播放器 - 闪吧教材 2010-3-10http://www2.flash8.net/teach/5308.htm ////////////////////////////////////////////////////////////////////////////// //至此一个最简单的播放器已经做完了，下面要做的都是对其进行更多的控制和表现工作。 //这里就其几个重要的方面进行制作，其他的还需要大家发挥自己的想象去进行更好的设计制作。 //注意，以下代码非必要，未经测试，望大家一个一个尝试实现。特别注意路径和实例名的对应。 //********************************* //1，播放的控制，暂停和停止的实现 //新建两个按钮，一个暂停(pause_bt)，一个停止(stop_bt)，原理和播放按钮一样。 //********************************* //2，视频下载进度 //这个比较简单，和一般的下载进度类似，原理就是播放时将已下载的和总共文件大小进行百分比，然后显示出 来。 //新建显示百分比的静态文本(info)和进度条(bar)，其初始状态、位置自行调整 //********************************* //3，视频尺寸修正或调整 //这个比较重要，因为视频尺寸比例一般都不一样，故播放时要进行调整，以免失真变形。 //原理就是获得flv的尺寸，然后重新调整my_video的尺寸，最后将位置居中，必要时还可进行缩放处理（这里省 略）。 //点击开始播放按钮开始播放 play_bt.onRelease = function() { playflv(url.text); //获得url输入框的视频文件地址，并调用播放函数播放url对应的flv视频文件 }; pause_bt.onRelease = function() { my_ns.pause(); }; stop_bt.onRelease = function() { my_ns.seek(0); //搜寻从0开始播放 my_ns.pause(true); //参数true表示暂停，若是false则表示从暂停变为继续播放，若没有参数则为在暂停/播放中切 换。 }; this.onEnterFrame =function () { var loadedbytes = my_ns.bytesLoaded; //获得已经下载字节 var totalbytes = my_ns.bytesTotal; //文件总大小 if (totalbytes == undefined || totalbytes<4000) { info.text = "0%"; bar._width = 1; } else { var nowLoadPercent = Math.round(loadedbytes/totalbytes*100); if (isNaN(nowLoadPercent)) { info.text = "0%"; bar._width = 1; } else { info.text = nowLoadPercent+"%"; bar._width = nowLoadPercent*35/100; if (nowLoadPercent == 100) { delete this.onEnterFrame; } } } } //首先写个改变尺寸函数changesize(w, h)，w为要改变为的宽度，h为要改变为的高度 function changesize(w, h) { //改变到传进来的参数尺寸 my_video._width = w; Page 2 of 5自制Flash FLV视频播放器 - 闪吧教材 2010-3-10http://www2.flash8.net/teach/5308.htm //********************************* //4，播放时间和进度 //原理和下载进度类似，先获得总持续时间，然后获得当前时间对其进行百分比，也可做进度条。 //********************************* //5，音量的控制 //********************************* //还有，像快进，快退，缓冲显示等等，都可以实现，大家自行研究。 ////////////////////////////////////////////////////////////////////////////// 最后，一个Flash FLV播放器的制作基本完成了，推荐想学flash的朋友亲自动手去实现，不要老是想去下载什么源 码然后修改一通，那样就体会不到其中的很多奥妙了！ 补充一个相关问题：flv播放没有图象，只有声音，这是因为这个flv文件用flash 8的编码格式压缩，而你发布的 flash播放器为flash 7或更低的版本,故升级为版本8即可，或者将flv文件采用flash 7的编码格式压缩。 my_video._height = h; //trace("w:"+w+"h:"+h);//测试用 //位置居中处理，假如你的视频舞台宽550，高400 my_video._x = 550/2-w/2; my_video._y = 400/2-h/2; } //然后获得flv的固有尺寸，并调用以上函数改变它 //此处理函数在调用 my_ns.play() 方法后而在视频播放头前进之前触发 my_ns.onMetaData = function(infoObject:Object) { //获得FLV文件中嵌入的描述性信息，这里获得宽/高 var flv_width = infoObject.width; var flv_height = infoObject.height; //改变尺寸 changesize(flv_width, flv_height); }; // 定义总持续时间全局变量,并获得其值。 var flv_duration; my_ns.onMetaData = function(infoObject:Object) { //获得FLV文件中嵌入的描述性信息，这里获得获得总持续时间（单位：秒） var flv_duration = infoObject.duration; }; //注意：这里可以和获得宽高写在一起。 //获取当前播放时间 var flv_thistime = my_ns.time; //然后便可制作播放进度了，和下载进度类似，大家自己制作，此处略。 //这个复杂一点，必须先将音频从 FLV 文件附加到舞台上的影片剪辑，然后对其进行控制 //新建影片剪辑my_ns_mc，并附加音频 my_ns_mc.attachAudio(my_ns); //为影片剪辑创建新的 Sound 对象 var my_ns_sound = new Sound(my_ns_mc); //初始化音量(此处默认80) var flv_volume = 80; my_ns_sound.setVolume(flv_volume); //最后对flv_volume的大小（0到100间）进行控制即可改变音量大小 //这部分制作也省略，大家自由发挥，还可以制作静音功能，即flv_volume为0 责任编辑:uufeng 时间:2006年7月17日 上一篇: Flash游戏开发常用函数代 下一篇: updateAfterEvent的作用 相关教材 视频动画制作：制作FLV格式Flash视频 用Flex3.0 做一个简单Flv 播放器 写给想做flv播放器的朋友 最近更新 3ds MAX教程：球体工具应用打造逼 Maya如何创建一个逼真污垢效果 新手实例教程：制作卷轴特效 CG经典教程：成功做出真实的人头模 CorelDRAW技巧：制作无缝拼接图案 Photoshop制作一个漂亮的蓝色水滴 Maya动画技巧：眼球影响眼皮连带方 Page 3 of 5自制Flash FLV视频播放器 - 闪吧教材 2010-3-10http://www2.flash8.net/teach/5308.htm 转换视频为flv文件过程记录 把视频文件自动的在服务器端转换成FLV Win2003主机播放FLV视频的设置方法 一个FLV播放器 解决flvplayback组件不支持中文路径的 AS3.0效果实例：发光文字的制作 一道AS3面试题的解答 新动画零起点教程——基础篇（1） Photoshop制作一个蓝色水晶房子图 AS3.0制作数字落下动画 新动画零起点教程——理论篇（四） 新动画零起点教程——理论篇（三） 新动画零起点教程——理论篇（二） 您的昵称： 邮件： 提交发表 顶一下 很犀利。。 游客： 游客 发布评论于2009-10-20 22:00:51 第6楼 我要举报 引用这条评论 恩 游客：周达学 发布评论于2009-4-25 22:51:00 第5楼 我要举报 发邮件给评论人 引用这条评论 参考一下 谢谢 游客：邮政参考 发布评论于2008-4-23 23:41:07 第4楼 我要举报 引用这条评论 播放器 游客：寻找失去的爱 发布评论于2007-12-25 19:52:24 第3楼 我要举报 发邮件给评论人 引用这条评论 谢谢 游客：真好 发布评论于2006-9-20 16:03:59 第2楼 我要举报 发邮件给评论人 引用这条评论 多谢，受教了，音量控制偶会了。 游客：关 发布评论于2006-7-28 22:29:34 第1楼 我要举报 发邮件给评论人 引用这条评论 现有6条记录┋共1页┋这是第1页┋ 分页: 1 查看所有评论 Page 4 of 5自制Flash FLV视频播放器 - 闪吧教材 2010-3-10http://www2.flash8.net/teach/5308.htm 关于我们 联系我们 商业服务 合作伙伴 站点地图 免责声明 版权声明 报告错误 Page 5 of 5自制Flash FLV视频播放器 - 闪吧教材 2010-3-10http://www2.flash8.net/teach/5308.htm