当前位置:flash课件吧→订做课件吧_flash课件制作,教学课件,比赛课件,参赛课件,制作课件,课件修改,毕业设计,精品课件,国家级比赛课件,市级比赛,公开课课件
  • 省级水平FLASH课件制作培训,网络教学,解答所有学员疑难,包教包会。
  • 教程发放到学员手中,共分为初级,中级,高级三部分,全部视频教程,跟真人在身边教学效果一样。
  • 有意者直接咨询我站管理QQ:444860709 也可以加入到QQ群(67042004)中后,直接找群主咨询相关事宜培训详情

注意:以下均为本站原创flash教程,属于本站产品,欢迎选学,如有问题可直接与我站管理联系解答事宜。QQ:4444860709

题 目:flash8再打造一款迷你音乐播放器(第二款)

一、效果预览

 

二、教程内容

flash8再打造一款迷你音乐播放器(第二款)

动态效果:
1、能够加载外部XML文件中的MP3列表音乐;并且能够自动获取音乐的名称和路径;2、实现“播放”、“暂停”、“停止”、“上一首”、“下一首”,音量的控制,播放时间和已加载音乐时间显示功能;3、实现音乐加载的进度条动态显示。

预览图:

操作步骤:
1、新建一个music文件夹;注意后面的FLASH源文件和XML文件都放在该文件夹中。
2、打开记事本,然后输入以下内容:
<xml version="1.0" encoding="UTF-8" >
<songs>
<歌曲 name="1你其实现在和我一样" path="http://www.luotao2008.cn/music/你其实现在和我一样.mp3"/>
<歌曲 name="2春暖花开" path="http://www.luotao2008.cn/music/春暖花开.mp3"/>
<歌曲 name="3我是你的谁" path="http://www.luotao2008.cn/music/我是你的谁.mp3"/>
<歌曲 name="4当我孤独的时候还可以抱着你" path="http://www.luotao2008.cn/music/当我孤独的时候还可以抱着你.mp3"/>
<歌曲 name="5你不是我要的女人" path="http://www.luotao2008.cn/music/你不是我要的女人.mp3"/>
<歌曲 name="6你其实现在和我一样" path="http://www.luotao2008.cn/music/你其实现在和我一样.wma"/>
</songs>
3、保存。如下图所示:

下面为FLASH制作部分:

1.新建一个文档,属性:400,57,白色。
2.制作背景层。按下图随意绘制就可以了啊。呵呵。

3.新建一个“播放”按钮层;放一个播放按钮,位置:X,131.7;Y,27.5。如下图所示:

4.再新建一个图层;把其它的按钮放好,其它的按钮如下图:


注意上图中暂停按钮是重合放在播放按钮的正上面的。

5.为这些按钮命名“播放为play_btn;暂停为pause_btn;停止为stop_btn;前一首为prev_btn;下一首为next_btn”。
6.再新建一个“音量底”图层;绘制如下音量底框,至于其属性可以参考后面讲解的音量控制的具体位置进行调整即可。如果处理不好,Q我就好444860709.配图如下:

7.新建一个“音量控制”图层;选用矩形工具,绘制一个矩形,属性:宽,10;高,10;X,348.0;Y,30.9;如下图:

8.选择工具单击选中该小矩形,然后将其转换为名为“huakuai_mc”的影片剪辑元件,并在属性面板中也以这个名字命名;最后的效果如下:

9.新建“音乐加载进度条底框”图层;矩形工具绘制如下矩形;


属性:111.0,5.0,10.5,10.5。

10.新建“音乐加载进度条”图层;随意绘制一个只有红色填充色的矩形;如下图:


实例名称:bar_mc。属性:110.0,4.0,10.5,33.0。

11.再新一个代码图层,添加如下代码:
//设置舞台
Stage.showMenu = false;
Stage.scaleMode = "noScale";
//申明一些变量
var p:Number = 0;
var name_y = new Array();
//更多教程:flash课件吧(湖北金鹰),http://www.luotao2008.cn
var my_sound:Sound = new Sound();
var my_xml:XML = new XML();
//创建动态文本
this.createTextField("name_txt", 1, 0, 0, 0, 0);
name_txt.autoSize = "xtColor = 0xCC9966;
//更多教程:flash课件吧(湖北金鹰),http://www.luotao2008.cn
name_txt.selectable = false;
name_txt._x = 10-name_txt._width/2;
name_txt._y = 12;
this.createTextField("time_txt", 2, 0, 0, 0, 0);
time_txt.autoSize = "center";
//更多教程:flash课件吧(湖北金鹰),http://www.luotao2008.cn
time_txt.textColor = 0xCC9966;
time_txt.selectable = false;
time_txt._x = 300-time_txt._width/2;
time_txt._y = 12;
//载入外部xml
my_xml.ignoreWhite = true;
//更多教程:flash课件吧(湖北金鹰),http://www.luotao2008.cn
my_xml.load("http://www.luotao2008.cn/music/musiclist.xml");
my_xml.onLoad = function(success:Boolean) {
if (success) {
for (var d:Number = 0; d<this.firstChild.childNodes.length; d++) {
//把节点中的属性添加到数组结尾中
name_array.push(this.firstChild.childNodes[d].attributes.name);
path_array.push(this.firstChild.childNodes[d].attributes.path);
}
gofun();
} else {
trace("载入失败");
}
};
function gofun() {
//载入音乐
my_sound.loadSound(path_array[p], true);
//更多教程:flash课件吧(湖北金鹰),http://www.luotao2008.cn
my_sound.start();
//音乐结束时调用下一首
my_sound.onSoundComplete = function() {
p++;
if (p == path_array.length) {
p = 0;
}
//更多教程:flash课件吧(湖北金鹰),http://www.luotao2008.cn
my_sound.start(0);
gofun();
};
//时间及进度显示
onEnterFrame = function () {
my_sound.setVolume(huakuai_mc._x-280);
bar_mc._xscale = my_sound.getBytesLoaded()/my_sound.getBytesTotal()*100;
zongchangdu = int(my_sound.duration/1000);
zongchangdufen = int(zongchangdu/60);
if (zongchangdufen<10) {
zongchangdufen = "0"+zongchangdufen;
}
zongchangdumiao = int(zongchangdu%60);
if (zongchangdumiao<10) {
zongchangdumiao = "0"+zongchangdumiao;
}
yibofangtime = int(my_sound.position/1000);
//更多教程:flash课件吧(湖北金鹰),http://www.luotao2008.cn
yibofangfen = int(yibofangtime/60);
if (yibofangfen<10) {
yibofangfen = "0"+yibofangfen;
}
yibofangmiao = yibofangtime%60;
if (yibofangmiao<10) {
yibofangmiao = "0"+yibofangmiao;
}
//更多教程:flash课件吧(湖北金鹰),http://www.luotao2008.cn
name_txt.text = name_array[p];
time_txt.text = yibofangfen+":"+yibofangmiao+"—"+zongchangdufen+":"+zongchangdumiao;
};
}
//按钮可见性
play_btn._visible = 0;
pause_btn._visible = 1;
//下一首
next_btn.onRelease = function() {
play_btn._visible = 0;
//更多教程:flash课件吧(湖北金鹰),http://www.luotao2008.cn
pause_btn._visible = 1;
p++;
my_sound.start(0);
//更多教程:flash课件吧(湖北金鹰),http://www.luotao2008.cn
if (p == path_array.length) {
p = 0;
}
gofun();
};
//上一首
prev_btn.onRelease = function() {
play_btn._visible = 0;
//更多教程:flash课件吧(湖北金鹰),http://www.luotao2008.cn
pause_btn._visible = 1;
my_sound.start(0);
if (p == 0) {
p = path_array.length;
}
p--;
gofun();
};
//播放
play_btn.onRelease = function() {
//更多教程:flash课件吧(湖北金鹰),http://www.luotao2008.cn
play_btn._visible = 0;
pause_btn._visible = 1;
if (pausetime) {
my_sound.start(pausetime);
//更多教程:flash课件吧(湖北金鹰),http://www.luotao2008.cn
} else {
my_sound.start(0);
}
};
//暂停
pause_btn.onRelease = function() {
play_btn._visible = 1;
pause_btn._visible = 0;
my_sound.stop();
pausetime = my_sound.position/1000;
};
//停止
stop_btn.onRelease = function() {
play_btn._visible = 1;
pause_btn._visible = 0;
//更多教程:flash课件吧(湖北金鹰),http://www.luotao2008.cn
my_sound.stop();
pausetime = false;
};
//音量滑块
huakuai_mc.onPress = function() {
//更多教程:flash课件吧(湖北金鹰),http://www.luotao2008.cn
this.startDrag(false, 280, 38, 380, 38);
};
//更多教程:flash课件吧(湖北金鹰),http://www.luotao2008.cn
huakuai_mc.onRelease = huakuai_mc.onReleaseOutside=function () {
stopDrag();
};

12.综合测试:按组合键进行测试啊。呵呵。原文见:flash课件吧(湖北金鹰),http://www.luotao2008.cn

关键词:按钮 新建 图层 代码 课件 课件吧 flash课件吧 湖北 金鹰

   

 

我站网络视频网校培训开始招生了!FLASH课件制作视频教程教学,QQ一对一解答所有学员疑问。咨询:QQ444860709 查看培训详情

期刊论文服务

合作期刊
学报期刊
 
获奖证书办理
本站已改版成新站 课件115学培吧http://www.kj115.com
与此页面相关内容导航
     
在线咨询台