简易频谱播放器的文字教程
准备10首缓冲效果较好且有效期久远的mp3歌曲地址,保存到指定的文件夹待用
制作过程
1;启动flashcs3软件
文档属性 设置动画尺寸为400*100,背景颜色任意,其它默认,点击确定,
进入场景1
2:插入新建元件,影片剪辑名称为:频谱确定,进入元件编辑区,添加四
个图层,共五个图层。点击图层一的第一帧,选择矩形工具。笔触颜色禁止
,填充颜色任意,在场景中绘制一个矩形出来,点击矩形成麻点状时,来
属性面板给它的宽为.3高32,水平中期垂直中齐,鼠标点击矩形点右键转换
为图形元件,命名为矩形,点击该实例左对齐、底对齐,再用任意变形工具
选中该实例,将其注册点移到该实例的下边缘中间,在第10幀插入关键帧,
将该幀舞台实例向下拖至规格3-5再点击图层一的第一帧复制帧,在第20帧
粘贴在,创建这两个区域间的动画补间。上锁
3:点击图层2第1帧,从库中拖出“矩形”图形元件到舞台,将其放置在前
一个实例的右侧,左对齐、用键盘的方向键往右敲一点点,下对齐,再用任
意变形工具选中该实例,将其注册点移到该实例的下边缘中间,并将其向下
拖至规格为.宽3-5。在第10幀插入关键帧,将该幀舞台实例向上拉至规格为3-24
点击第一帧,复制粘贴到第20帧,创建这两个区域间的动画补间。上锁
3::点击图层3第1帧,从库中拖出“矩形”图形元件到舞台,将其放置在前
第二个位置,底对齐,用键盘敲到第二个的边 调整一点距离,再用任意变
形工具选中该实例,将其注册点移到该实例的下边缘中间,并将其向下拖至
规格为3-20。在第10幀插入关键帧,将该幀舞台实例向上拉至规格为3-7
创建这两个区域间的动画补间。上锁
4:点击图层4第1帧,从库中拖出“矩形”图形元件到舞台,将其放置在前
第3个位置,底对齐,用键盘敲到第3个的边 调整一点距离,再用任意变形
工具选中该实例,将其注册点移到该实例的下边缘中间,并将其向下拖至规
格为3-10。在第10幀插入关键帧,将该幀舞台实例向上拉至规格为3-18.
创建
这两个区域间的动画补间。上锁
5:点击图层4第1帧,从库中拖出“矩形”图形元件到舞台,将其放置在前
第3个位置,底对齐,用键盘敲到第3个的边 调整一点距离,再用任意变形
工具选中该实例,将其注册点移到该实例的下边缘中间,并将其向下拖至规
格为3-16。在第10幀插入关键帧,将该幀舞台实例向上拉至规格为3-4.创建
这两个区域间的动画补间。上锁
《2》1:插入一个新建原件影片剪辑名称为:底板确定,点击图层一的第一
帧,选择矩形工具,笔触禁止填充任意,在场景中绘制一个宽为400高100的
矩形,水平中期垂直中齐上锁保存
2:插入一个新建元件。影片剪辑名称为暂停确定。点击图层一的第一帧再
到菜单栏点击窗口-公用库-按钮”,选择一个你喜欢的暂停按钮到舞台,
规格不变,水平中期垂直中齐。上锁
3:插入新建元件。影片剪辑名称为播放确定。点击图层第一次点击窗口-
公用库-按钮”,选择一个你喜欢的播放按钮到舞台,规格不变,水平中期
垂直中齐。上锁
4:插入-新建元件影片剪辑名称为播放器确定。点击图层第一次进入元件
编辑区。添加六个图层,共七个图层。自下而上命名为频谱、退一、播放、
暂停、进一、歌名、as。
5:点击频谱图层第一帧,从库中拖出“频谱”影片剪辑元件到舞台,规格
不变,左对齐-下对齐。点击该实例,在属性面板填写其实例名称为:pp
在第10幀插入幀,上锁
6:点击退一图层第一帧,点击“窗口-公用库-按钮”,选择一个你喜欢
的退一按钮到舞台,规格不变,将其放置在频谱的右侧适当位置,底对齐
点击该实例,按f9,打开动作面板,在as编辑区输入,如下指令语句:
on (release) {
prevFrame();
在第10幀插入幀,上锁
7:点击播放图层第一帧,从库中拖出“播放”影片剪辑元件到舞台,规格
不变,将其放置在退一的右侧适当位置,底对齐点击该实例,在属性面板填
写其实例名称为:play_btn 在第10幀插入幀,上锁
8:点击暂停图层第一帧,从库中拖出“暂停”影片剪辑元件到舞台,规格
不变,将其放置在播放的位置并重合。点击该实例,在属性面板填写其实例
名称为:pause_btn 在第10幀插入幀,上锁。
9:点击进一图层第一帧,打击“窗口-公用库-按钮”,选择一个你喜欢
的进一按钮到舞台,规格不变,将其放置在暂停的右侧适当位置,底对齐点
击该实例,按f9,打开动作面板,在as编辑区输入,如下指令语句:
on (release) {
play();
}
在第10幀插入幀,上锁
10:点击as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下帧语
句:
stop ();
play_btn._visible = 0;
var my_sound = new Sound();
my_sound.loadSound("http://79.ierge.cn/2006_264/18553/2.mp3",
true);
my_sound.onSoundComplete = function ()
{
my_sound.start(0, 1);
};
var p = new Number();
pause_btn.onRelease = function ()
{
p = Math.floor(my_sound.position) / 1000;
my_sound.stop();
pp.stop();
this._visible = false;
play_btn._visible = 1;
pause_btn._visible = 0;
};
play_btn.onRelease = function ()
{
my_sound.start(p);
pp.play();
this._parent.pause_btn._visible = true;
pause_btn._visible = 1;
};
*语句中红色部分为你准备好的第1首歌曲的地址。
11:在第2幀插入空白关键帧,点击该幀,按f9,打开动作面板,在as编辑
区输入,如下幀语句:
stop ();
play_btn._visible = 0;
var my_sound = new Sound();
my_sound.loadSound("http://1782.ierge.cn/2006_4892/11753/20.mp3",
true);
*语句中红色部分为你准备好的第2首歌曲的地址。
12:第3幀插入空白关键帧,点击该幀,按f9,打开动作面板,在as编辑区
输入,如下帧语句:
stop ();
play_btn._visible = 0;
var my_sound = new Sound();
my_sound.loadSound("http://1782.ierge.cn/2006_264/10194/4.mp3",
true);
*语句中红色部分为你准备好的第3首歌曲的地址。
13:第4幀插入空白关键帧,点击该幀,按f9,打开动作面板,在as编辑区
输入,如下帧语句:
stop ();
play_btn._visible = 0;
var my_sound = new Sound();
my_sound.loadSound("http://1782.ierge.cn/2006_3790/16026/6.mp3",
true);
14::第5幀插入空白关键帧,点击该幀,按f9,打开动作面板,在as编辑
区输入,如下帧语句:
stop ();
play_btn._visible = 0;
var my_sound = new Sound();
my_sound.loadSound("http://1782.ierge.cn/2006_264/10194/8.mp3",
true);
15;:第6幀插入空白关键帧,点击该幀,按f9,打开动作面板,在as编辑区
输入,如下帧语句:
stop ();
play_btn._visible = 0;
var my_sound = new Sound();
my_sound.loadSound("http://1782.ierge.cn/2006_264/1220/7.mp3",
true);
16::第7幀插入空白关键帧,点击该幀,按f9,打开动作面板,在as编辑区
输入,如下帧语句:
stop ();
play_btn._visible = 0;
var my_sound = new Sound();
my_sound.loadSound("http://1782.ierge.cn/2006_264/10194/10.mp3",
true);
17::第8幀插入空白关键帧,点击该幀,按f9,打开动作面板,在as编辑区
输入,如下帧语句:
stop ();
play_btn._visible = 0;
var my_sound = new Sound();
my_sound.loadSound("http://1782.ierge.cn/2006_264/10194/5.mp3",
true);
18::第9幀插入空白关键帧,点击该幀,按f9,打开动作面板,在as编辑区
输入,如下帧语句:
stop ();
play_btn._visible = 0;
var my_sound = new Sound();
my_sound.loadSound("http://1782.ierge.cn/2006_264/1220/4.mp3",
true);
19::第10幀插入空白关键帧,点击该幀,按f9,打开动作面板,在as编辑
区输入,如下帧语句:
stop ();
play_btn._visible = 0;
var my_sound = new Sound();
my_sound.loadSound("http://1782.ierge.cn/2006_264/1220/5.mp3",
true);
20:点击歌名图层第一帧,用文本工具在按钮进一实例的右侧适当位置上输
入和脚本相对应的第一首歌曲名称。字体、颜色、规格自定同理同种方法,
在第2-10幀完成歌曲第4-10的歌名添加。上锁
21:返回场景1,添加一个图层,共两个图层。自下而上命名为底板、歌卡。
点击底板图层第1帧,从库中拖出“底板”影片剪辑元件到舞台,规格不变
,全居中。
点击该实例,在属性面板打开滤镜斜角。
22:点击歌卡图层第1帧,从库中拖出“播放器”影片剪辑元件到舞台,规
格不变,全居中。上锁。
23:测试存盘
如果你不喜欢我的这些歌曲地址,你自己下载好的歌曲在红色部分是调换歌
曲即可,下载可以到365音乐网上面找自己喜欢的歌曲下载
祝你成功
文章评论
情天恨海
老师别走,我们大家都愿听你的讲课,[em]e115[/em]
万里独行
祝你快乐
zq(离网)
为什么啊 你的教程很棒的啊
~风~
[em]e178[/em][em]e100[/em]你讲课真的很棒!
江山
您是我的启蒙老师,您那流利的教学方式,使我不能忘记。今天又看到您的教程,很高兴。正如一楼老师说:"老师别走,我们大家都愿听你的讲课!"我们等您!祝老师幸福快乐![em]e160[/em] [em]e181[/em] [em]e110[/em]
江山
转了,收藏。老师辛苦了!
冰霜雪儿
深深蓝老师好!好久不见不知道中间发生的太多怎样的改变?理解你的人是我,希望你早日开心起来尽快回到大家的身边,我们等待你![em]e178[/em] [em]e152[/em] [em]e163[/em] [em]e160[/em]
╰*ぶ蘭依坊ぶ*
[em]e160[/em]
快乐kai
[em]e179[/em] [em]e160[/em]
舂天
你离开你喜爱的舞台,对你对学员都是一种遗憾,挺伤感的,我们都祝愿你开心每一天,快乐每一天,充实每一天,幸福每一天.......
璀墨哥/kuk
支持你宝贝儿蓝蓝老师,不管什么样的选择,只要宝贝儿蓝蓝开心,快乐,幸福,健康!才是主题Ok!
璀墨哥/kuk
你的和蔼 可亲 诚挚 耐心让我佩服[em]e179[/em] !
璀墨哥/kuk
照顾好自己 好好的爱自己 才是聪明的女人[em]e129[/em] [em]e139[/em] 保重宝贝儿美女蓝蓝老师[em]e178[/em] [em]e160[/em] !
清泉悠心
人生没有不散的筵席,快乐就好!
※春雨&
深深蓝老师的课讲得很好,清楚明了,谢谢奉献![em]e179[/em] [em]e163[/em]