注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

 
 
 

日志

 
 

【音画教程】FLASH MP3播放器制作教程  

2011-04-05 10:26:43|  分类: 音画教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

以36首歌为例详细讲解:

(一).新建一个FLASH文档,大小顏色自定.

(二).制作36个歌名按钮,这个相信有一定FLASH动画基础的朋友都会做按钮,

(三).制作五个功能按钮,也可以从公用库里找五个功能按钮,分别命名为:播放/暂停/上曲/下曲/ 静音.

(四).制作多个跳转按钮,根据具体情况以页面放多少个歌名为准.如(每页18首,36首就要二个)

(五)制作音量控制影片剪辑:

1.插入/新建元件/影片剪辑,命名为<音量>.在图层1第一帧绘制长方形图形,大小约为宽 11   高19

2.又插入/新建元件/影片剪辑,命名为<音量控制>.图层1第一帧绘制长方形图形,大小约为宽128   高44,图层2第一帧绘制三角形图形,在图层3第一帧将做好<音量影片剪辑>辑放在适当位置,点音量剪辑,在实例名称栏输入: huakuai

再点动作,在动作栏输入如下脚本:

on (press)
{
  startDrag("", true, 0, 0, 90, 0);
 }
 on (releaseOutside, rollOut)
{
    stopDrag ();
 }

注:90数值是可以改变的,但必须相应改变主场景对应的脚本数值.90为向右移动的长度.

(六)制作一个影片剪辑,命名为<静音>

(七)主场景组合动画:

1.新增4个图层,在各图层第一帧为关键帧,点击文字工具A,选择动态文本,设置字体/大小/顏色,在舞台的中画一个虚框,大小根据文字的大小和多少设置高和宽.选中每层舞台中的虚框,在变量栏分别输入变量名称: 

     music_name       xiazai        changdu        yibo        

它们分别在动画中显示当前播入的歌曲/歌曲下载速度/歌曲长度 /已经播放时间.

2. 又新增5个图层,在各图层第一帧为关键帧,将播放/暂停/上曲/下曲/静音按钮分别拖入舞台,排好.

3.选中播放按钮,点动作,在动作栏输入:

on (press)
{
    if (tt)
    {
        mysound.stop();
        mysound.start(tt);
    }
    else
    {
        mysound.stop ();
        mysound.start(0);
    } // end else if
}

4.选中暂停按钮,点动作,在动作栏输入:

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

5.选中上曲按钮,点动作,在动作栏输入:

on (release)
{
    mysound.stop();
    if (temp == 1)
    {
        temp = 36;
    }
    else
    {
        --temp;
    } // end else if
    aa();
}

6.选中下曲按钮,点动作,在动作栏输入:

on (release)
{
    mysound.stop();
    if (temp > 35)
    {
        temp = 1;
    }
    else
    {
        ++temp;
    } // end else if
    aa();
}

7.选中静音按钮,在实例名称栏输入:jingyin

8.又新增一个图层,图层第一帧为关键帧,将做好<静音影片剪辑>拖入舞台,选中<静音影片剪辑 >,在实例名称栏输入:jingyincha

9.又增加一个图层,图层第一帧为关键帧,将做好的<音量控制>拖入舞台,选中<音量控制>影片剪辑 ,在实例名称栏输入:yinliang

10.又新增2个图层,图层第一帧为关键帧,将2个跳转按钮拖入舞台,选中跳转按钮,点动作,在动作栏输入:

   on (release)
   {
 gotoAndStop(2);

}

注:有多少个页面,就有多少个跳转按钮,相应修改( )中的数值,我这里是2个页面,所以就二个按钮,小括中的数值就是2和3

11.在时间轴上选中所有的图层的第3帧,按F5插入帧.

12.新增18个图层,在各层第2帧插入关键帧,将18首<歌名按钮>分别拖入舞台,排好.选中<歌名按钮 >,点动作,在动作栏输入:

on (press)
{
    mysound.stop();
    temp = 1;
    aa();
}

注.  temp = 1;   就是播入第1首歌.   temp = 36;  就是播入第 36首歌. 

13.在此18个图层,在各层第3帧插入关键帧,将另外18首<歌名按钮>分别拖入舞台,排好.做法同上.

14.又增加一个图层,在时间轴上选中图层第一帧,点动作,在动作栏输入:

function aa()
{
    mysound = new Sound();
    mymusic_array = new Array("http://music.showchina.org/mp3/zxcy_2_15.MP3", "http://61.143.38.103/mp3/00202.mp3", "http://www.xshls.com/mp3/yygmlddf.mp3", " http://www.wenfeng.com.cn/shipin/music.mp3", "http://man.jxjyzy.com/EduResource/Audio /MP3/224700963010200903230757485188.mp3", "http://www.jinbaay.cn/gaoyuan.mp3", "http://220.179.115.78/songmp3/zdhwjcln.mp3", "http://club.wuhan.net.cn/ltmusic/08/805.mp3", "http://zt.cqit.edu.cn/redsong/songs/小白杨.mp3", "http://218.56.164.7/yyt/mg/mgjs/mgjs13.mp3", "http://ajia.lllz.net/DQ/ZY_JiXiangYao.mp3", "http://www.desoarr.com:8080/music/003/069.mp3", "http://club.wuhan.net.cn/ltmusic/11/1109.MP3", "http://m.qling.com/mp3/10/042.mp3", "http://club.wuhan.net.cn/ltmusic/14/1404.MP3", "http://www.dongcao.com/music/feitian.mp3", " http://218.22.242.69/ltdg/1209.MP3", "http://www.essyzx.com/music/menglishuixiang.mp3", "http://a.jungewang.net/x/0062.mp3", "http://club.wuhan.net.cn/ltmusic/14/1402.MP3", "http://220.179.115.78/songmp3/hdqb.mp3", "http://93.yangyi88.com/music/%D1%CC%BB% A8%C8%FD%D4%C2%CF%C2%D1%EF%D6%DD.mp3", "http://202.196.64.16/gfs/music/xjdsh.mp3", "http://218.59.162.22/404/music1/mghkslx.mp3", "http://202.103.114.9/wshn/hnxq/hnmg/./200810/P02 0081021336257180530.mp3", "http://club.wuhan.net.cn/ltmusic/11/1105.MP3", "http://cai.wit.edu.cn/jpcourseware/col/maodengysgdb/course/uploadfile/3-8.mp3", "http://218.22.242.69/ltdg/1702.MP3", "http://sxsy.mhedu.sh.cn/websound/7.mp3", " http://www.nls1853.com/dwc.mp3", "http://scxyjd.com/image/ygxdfwz.mp3", "http://club.wuhan.net.cn/ltmusic/11/1112.MP3", "http://www.g-escape.org/qiuqiu/songs/wy.mp3", "http://220.179.115.78/songmp3/xbl.mp3", " http://202.196.64.16/gfs/music/1234.mp3", "http://ao5.aiao.cn/qhqay/images/1.mp3");
    mysound.loadSound(mymusic_array[temp - 1], true);
    mysound.onSoundComplete = function ()
    {
        ++temp;
        if (temp > 36)
        {
            temp = 1;
        } // end if
        aa ();
    };
    onEnterFrame = function ()
    {
        mysound.setVolume (_root.yinliang.huakuai._x);
        xiazai = int(mysound.getBytesLoaded() / mysound.getBytesTotal() * 100) + " %";
        myarray = new Array("1.大地飞歌 ", "2.九寨之恋 ", "3.有一个美丽的地方", "4.蓝色的蒙古草原", "5.说句心里话", "6.青藏高原 ", "7.长大后我就成了你 ", "8.渔家姑娘在海边", "9.小  白  杨 ", "10.天竺少女", "11.吉  祥  谣 ", "12.塞外村女", "13.鼓浪屿之波 ", "14.天涯望月", "15远方的客人请你留下来", "16.飞     天", "17.太阳岛上", "18.梦里水乡", "19.我们的祖国歌甜花香", "20.九寨之子", "21.蝴蝶泉边", "22.烟花三月下扬州", "23.想家的时候", "24.缅桂花开十里香", "25.古丈茶歌  ", "26.神奇的九寨 ", "27.十八湾水路到我家 ", "28. 延边人民热爱毛主席 ", "29.走进西藏 ", "30.前门情思大碗茶 ", "31.月光下的凤尾竹 ", "32.边疆的泉水清又纯 ", "33.望    月 ", "34.小 背 篓 ", "35.一二三四歌 ", "36.香格里拉 ");
        music_name = myarray[temp - 1];
        changdu = int(mysound.duration / 1000) + " S";
        yibo = int(mysound.position / 1000) + " S";
        _root.bofangtiao.huakuai._x = 240 * (yibo / changdu);
    };
} // End of the function
intervalId = setInterval(this, "nyrzs", 1000);
temp = 1;
aa();
i = 0;
_root.jingyincha._visible = false;
_root.jingyin.onRelease = function ()
{
    ++i;
    if (i % 2 != 0)
    {
        _root.yinliang.huakuai._x = 0;
        _root.jingyincha._visible = true;
    }
    else
    {
        _root.yinliang.huakuai._x = 90;
        _root.jingyincha._visible = false;
    } // end else if
};

   图层第3帧插入帧.注:在动作栏粘贴的时,会出现语法错误的现象,主要是因为增加MP3网址和歌名出现空行现象,网址与网址之间,必须有一个空格,但不能空行,只有程序自动换行才行,最后一首歌不能有逗号 .歌名也是一样,语法才没有错.请朋友们多多注意!

15.又增加1个图层,在时间轴上的第2. 3.帧中插入关键帧,分别在动作栏输入:stop

 MP3动画制作完成,测试片,OK!

  评论这张
 
阅读(729)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017