夜鹰教程网-程序员的加油站
 当前位置:文章中心 >> 技术辅导
播放器的制作方法
夜鹰教程网 来源:↘彼岸☆ 日期:2016-10-13 20:38:54
播放器的制作方法

预览效果请参考我的QQ516036026空间主页

 打开FLASH8.0软件,创建新FLASH文档。属性里大小改为712×200像素。增加两个图层,从下至上分别命名为背景层、代码层、元件层,关闭所有图层。
一、打开背景层
在背景层拖入一张大小为712px×200px图片,与舞台对齐。关闭背景层。

二、打开代码层
      输入下列代码:

temp = 1;
function aa() {
      mysound = new Sound();
      mymusic_array = new Array("http://www.naxizu.com/mp3/zoule.mp3 ", "http://www.yzxxx.cn/bbs/UploadFile/2007-3/20073281213070652.mp3", "http://218.64.170.106/6A8A350D339D943603AEA7834132B5685B3A6A7F.MP3", "http://sucai.aeeboo.com/fodder/10000/5520.mp3", "http://www.jnsyzx.com.cn/tools/qiutianbuhuilai.mp3", "http://www.ihols.com.cn/blog/uploadfiles/2007-7/729944790.mp3" );
      mysound.loadSound(mymusic_array[temp-1], ".mp3", false);
      mysound.onLoad = function(success) {
             if (success) {
                    mysound.start(0);
             }
      };
      mysound.onSoundComplete = function() {
             temp++;
             if (temp>6) {
                    temp = 1;
             }
             aa();
      };
}
onEnterFrame = function () {
      mysound.setVolume(_root.yinliang.huakuai._x);
      myarray = new Array("红雨伞 — 赵默 ", "月半弯 — 陈坤", "一起吃苦的幸福 — 周华健", "最爱的人也伤我最深 — fire", "断点 — 张敬轩 ", "无情的温柔 — 郑源");
      music_name = myarray[temp-1];
      zongchangdu = int(mysound.duration/1000);
      yibofang = int(mysound.position/1000);
      huanchong = "缓冲:"+int(mysound.getBytesLoaded()/mysound.getBytesTotal()*100)+"%";
      _root.bofangtiao.huakuai._x = 200*(yibofang/zongchangdu);
};
aa();
/*********静音代码************/
i = 0;
_root.jingyinxian._visible = false;
_root.jingyin.onRelease = function() {
      i++;
      if (i%2 != 0) {
             _root.jingyinxian._visible = true;
             _root.yinliang.huakuai._x = 0;
      } else {
             _root.jingyinxian._visible = false;
             _root.yinliang.huakuai._x = 80;
      }
};

关闭代码层。

三、打开元件层
1.在元件层绘制4个动态文本然后分别为其申明变量名:music_name、yibofang、zongchangdu、huanchong。
2.从公用库把播放/停止/前进/后退/停止从头播放五个按钮拖到舞台。给五个按钮分别添加如下动作代码:
     ⑴ 停止按钮
        用鼠标点一下停止按钮,打开动作面板,输入如下语句:

          on (release) {
                mysound.stop();
             tt = mysound.position/1000;
          }

     ⑵ 播放按钮
        用鼠标点一下播放按钮,打开动作面板,输入如下语句:
          on (release) {
                mysound.stop();
                mysound.start(tt);
          }

     ⑶ 下一首按钮
        用鼠标点一下前进按钮,打开动作面板,输入如下语句:

          on (release) {
                if (temp == 6) {
                      temp = 1;
                } else {
                      temp++;
                }
             aa();
          }

     ⑷ 上一首按钮
        用鼠标点一下后退按钮,打开动作面板,输入如下语句:
          on (release) {
                if (temp == 1) {
                      temp = 6;
                } else {
                      temp--;
                }
             aa();
          }

     ⑸ 停止从头播放按钮
         用鼠标点一下停止从头播放按钮,打开动作面板,输入如下语句:
           on (release) {
                 mysound.stop();
                 tt = 0;
           }

3.制作滑杆和滑块
  ⑴ 新建一个影片剪辑起名滑动条,在舞台上画一条宽248高0的直线,x和y都为0
   ⑵ 新建一个影片剪辑起名滑块,在舞台上画一个宽和高都为15的圆,x和y都为0,
⑶ 打开滑动条场景,将滑块拖入并放在滑动条上,回到原场景。
   ⑷ 将滑动条拖入场景,属性里实例名称:bofangtiao 。选中滑块,属性里实例名称: huakuai    打开动作面板输入如下语句:
        on (press) {
              startDrag("");
        }
        on (releaseOutside, rollOut) {
              stopDrag();
        }

   ⑸ 选中 startDrag(""); 语句,点下脚本助手,选中限制为矩形和锁定鼠标到中央,
     左0  右208 (滑条的起始位置为0,长度为208)
     顶-7 底-7  (滑块放到滑条上时y的位置)

这时语句变成:
        on (press) {
          startDrag("", true, 0, -7, 208, -7);
        }
        on (releaseOutside, rollOut) {
          stopDrag();
        }


提示:滑条和滑块的x、y必须均是0,否则滑块就不能沿着滑条直线走。

4.音量控制
⑴创建新文件→影片剪辑起名:音量控制→确定
   ⑵点矩形工具→在舞台上画一个矩形→点选择工具→左键按住矩形左上角往右下拉变成三角形。宽110高10,x和y均为0
   ⑶将滑块拖入并放在滑动条上,属性里实例名称:huakuai 回到原场景。
   ⑷将音量控制影片剪辑拖入场景,属性里实例名称:yinliang
   ⑸选中滑块,打开动作面板,输入下列语句:
        on (press) {
            startDrag("");
        }
        on (releaseOutside, rollOver) {
            stopDrag();
        }
   ⑹选中 startDrag(""); 语句,点下脚本助手,选中限制为矩形和锁定鼠标到中央,
     左0  右100(音量控制滑条的起始位置为0,长度为110)
     顶-4底-4 (滑块放到滑条上时y的位置)

这时语句变成:
        on (press) {
            startDrag("", true, 0, -3, 100, -3);
        }
        on (releaseOutside, rollOver) {
            stopDrag();
        }

5.绘制静音
⑴在舞台绘制喇叭→转换为元件:类型为按钮;名称为静音;属性里实例名称:jingyin
      ⑵在舞台画一条红线→转换为元件:类型为影片剪辑;名称为静音线;属性里实例名称:jingyinxian
      ⑶将静音线放到静音上。


测试影片,OK。

复制链接 网友评论 收藏本文 关闭此页
上一条: 视频教程卡住的解决办法  下一条: 常见定制系统开发
夜鹰教程网成立于2008年,目前已经运营了将近 13 年,发布了大量关于 html5/css3/C#/asp.net/java/python/nodejs/mongodb/sql server/android/javascript/mysql/mvc/easyui/vue/echarts原创教程。 我们一直都在坚持的是:认证负责、一丝不苟、以工匠的精神来打磨每一套教程,让读者感受到作者的用心。我们默默投入的时间,确保每一套教程都是一件作品,而不是呆板的文字和视频! 目前我们推出在线辅导班试运营,模式为一对一辅导,教学工具为QQ。我们的辅导学科包括 java 、android原生开发、webapp开发、商城开发、C#和asp.net开发,winform和物联网开发、web前端开发,但不仅限于此。 普通班针对的是国内学员,例如想打好基础的大学生、想转行的有志青年、想深入学习的程序员、想开发软件的初学者或者业余爱好者等。 就业办针对即将毕业上岗的大四学生,或者打算转行的初级开发工程师。 留学生班针对的是在欧美、加拿大、澳洲、日本、韩国、新加坡等地留学的中国学子,目的是让大家熟练地掌握编程技能,按时完成老师布置的作业,并能顺利地通过考试。 详细咨询QQ:1416759661   夜鹰教程网  基于角色的权限管理系统(c-s/b-s)。
  夜鹰教程网  基于nodejs的聊天室开发视频教程
  夜鹰教程网  Git分布式版本管理视频教程
  夜鹰教程网  MVC+EasyUI视频教程
  夜鹰教程网  在线考试系统视频教程
  夜鹰教程网  MongoDB视频教程。
  夜鹰教程网 Canvas视频教程
  夜鹰教程网 报表开发视频教程
  热点推荐
FLASH加载xml,txt,swf实例代码
Flash,Actionscript,AS延时执行语…
入门Flash CS3 ActionScript 3.0
播放器的制作方法
JavaScript控制Flash播放器的方法…
FLASH变量和作用域[这是一篇比较好…
用FLASH8.0轻松制作简易计算器
FLASH动画禁止右键菜单
FLASH AS教程:响应键盘事件的四种…
最常用的Flash语句(汇总)
Flash制作坦克游戏视频教程
创建FLEX自定义组件(1)
FLASH与ASP通信原理入门
Flash教程:加载外部文本文件的3种…
创建FLEX自定义组件(3)
  最近更新
在线考试系统
常见项目开发
学生公寓管理系统的设计与实现
校园电话查询系统设计与实现
校园机动车停车位申请系统的设计与…
C#支付宝接口集成服务
常见项目开发
常用UML建模工具
FLASH加载xml,txt,swf实例代码
视频教程卡住的解决办法
播放器的制作方法
常见定制系统开发
入门Flash CS3 ActionScript 3.0
flex code
Flex 开发架构渐变

关于我们 | 网站建设 | 技术辅导 | 常见问题 | 联系我们 | 友情链接

夜鹰教程网 版权所有 www.yyjcw.com All rights reserved 备案号:蜀ICP备08011740号3