打开APP
未登录
开通VIP,畅享免费电子书等14项超值服
开通VIP
首页
好书
留言交流
下载APP
联系客服
音乐播放器制作
昵称1127866
>《自动播放》
2013.07.05
关注
欢迎您莅临“红色领袖”的魅力空间
音乐播放器制作
虾米播播制作 首先打开:http://www.xiami.com/widget 第一步: 大家都看到了 第一个“歌曲播放列表”下面有个“立刻制作” 点击一下就可以制作音乐专辑了 至于第二个我没有试过,第三个属于单曲音乐制作!
第二步:1. 代表你近期听的歌曲 2. 代表你所收藏的音乐专辑 3.这个我就不用介绍了吧 自定义歌曲的话,直接点击搜索这 进行自定义搜索歌曲 今天我们就来自定义搜索歌曲吧
第三步: 首先我们先搜索要添加的歌曲,在这里我用“明明很爱你” 做个例子。 一共找到了符合要求的937项,并不是所有的都是这歌曲。在这里我们要先试听 点击4 进行试听 如果证明是这个歌曲,接下来 就是添加到播放器里了 点击5 “+ADD” 这时候就添加到右边的跟随播放器里了 在右边的跟随播放器里可以预览你所添加的歌曲
第五步:这就是我们上面所添加的歌曲 其实后面的就不需要再说了 为了以防万一 还是有不会的 我还是说一下吧
第六步:我们可以自定义外观 根据你发帖所需播放器的大小,可以自定义播放器的大小!如圈出的3 这里的配色是播放器的颜色,大家不妨可以试一试。根据帖子的要求来自定义播放器的颜色 是否自动播放 点击“否”代表着不自动播放 相反的“是”代表着自动播放 设置好以后,就可以直接复制播放器的地址了 有三个选择 第一个是FLASH播放器的文件地址 第二个是FLASH播放器的HTML代码 第三个就不用多说什么了 总之用前两个就可以了 如果还是不懂的 可以PM我 好了 非常废话的一个教程就到这里了
效果预览:
酷狗云制作
首先打开:http://cloud.kugou.com/ 第一步:就是登陆酷狗的账号跟密码(没有的可以注册一个,非常的简单快捷。这里时间问题我就不重新注册了!)
第二步:搜索要添加的歌曲,这里用“明明很爱你”来做个例子! 点击搜索即可。 在这里我要说下 可能是我浏览器的问题,其实点击 搜索框左边的“搜索歌曲” 会显示音乐上传,我这里是打不开的! 废话不多说了 直接进入下一步 这个播放器非常的简单!(高手勿喷)
第三步:这里就是搜索的内容了(前提说明:添加后,可以再次搜索其他歌曲。)
第四步: 首先当然是要试听一下了 选中歌曲 点击“试听” 这里我们可以搜索歌手的名字 当然自定义的歌名也是可以的 这里要注意的是 搜索的歌手的话 可以一次性选中所有要添加的歌曲 点击 “制作外贴播放器”即可! 如果属于歌名的话,不是同一个歌手,可以点击1 进行单一添加 这时候 下方会出现你所选的歌曲 不懂的可以看第五步,懂得直接看第六步即可
第五步: 这里介绍的是不同的歌手,如何制作成专辑播放器。 上一步也说明了,进行单一添加,下面就是了 首先我们要全选,这里大家都明白 然后生成外贴播放器即可!就这么简单!
第六步:这里我就不用多说了吧 根据自己喜欢来调整播放器的大小,样式,颜色,是否自动播放。然后点击保存当前样式。 最后点击复制代码即可了!这就是酷狗云的简单教程了。如果有不懂的可以PM我!
效果预览:
制作步骤:
一、创建背景图像
1 .启动 Flash MX 2004 软件,在向导中选择 Create New 下的“ Flash 文档”,创建一个默认宽为 550px 、高为 400px 、背景色白色、帧频 12fps 的文件。
2 .利用铅笔工具、椭圆工具、线条工具等各种绘图工具绘制场景及收音机(也可以从网上或是其它动画出提取素材。
二、绘制收音机的播放按钮并添加动作
1 .新建六个按钮元件,分别绘制控制收音机播放的各个按钮。
2 .利分别给这几个按钮加上命令:
①“最前”按钮上的命令
用鼠标单击“最前”按钮将其选中,然后打开“动作”面板,在右方动作命令行中输入:
on (release) { //当鼠标释放的时候
gotoAndStop(1); //播放头指向第1帧,并停止播放.
}
② “快退”按钮上的命令
用鼠标单击“最前”按钮将其选中,然后打开“动作”面板,在右方动作命令行中输入:
on(release ) {
gotoAndplay(_currentframe-50);
}
③ 播放
用鼠标单击“播放”按钮将其选中,然后打开“动作”面板,在右方动作命令行中输入:
on(release ) {
play();
}
④ 停止
on(release ) {
stop(); // 播放头停止播放
}
⑤ 快进
on(release ) {
gotoAndplay(_currentframe 50);
}
⑥ 最后
on(release ) {
gotoAndStop(_root._totalframes);// 播放头指向最后 1 帧 , 并停止
}
三.制作长度与进度显示框
1 .添加文本显示框
点击“窗口”“其他面板”、“公用库”、“按钮”,打开“ Knobs & Faders ”文件夹里的 "Knobs & faders parts" 文件夹,找到电影剪辑“ input box ”,将其从“公用库”中拖拽到自己的库中,将电影剪辑改名为“长度”,再拖拽一个“ input box ”,改名为“进度”。
2 .修改文本显示框
双击“库”里的“长度”电影剪辑,选中图层 3 ( layer 3 ),再点一下场景中的文本框,打开“属性面板”,将“输入文本”改为“动态文本”,将变量改为 cd ,按“字符”按钮,弹出“字符选项”面板,选中“无字符”,点确定。
利用同样的方法修改“进度”电影剪辑,只是变量为 jd ,其它都一样设置。
3 .建立“文本”电影剪辑:
按下 Ctrl F8 新建一个影片剪辑元件,起名为“文本”,分别将“长度”和“进度”两个电影剪辑拖拽到“文本”电影剪辑的工作区里排列好,用箭头工具点击“长度”电影剪辑,到“属性面板”中设置“实例名”为: changdu ,同样方法设置“进度”电影剪辑“实例名”为: jindu 。
4 .给“文本”电影剪辑加动作:
回到场景中,新建一层,起名为“进度条”将电影剪辑“文本”从库中拖拽到场景中的“按钮”图层上,再用箭头工具在场景中点击一下电影剪辑“文本”,在“属性面板”中设置“实例名”为 wenben 并将下列 AS 命令复制到“动作面板”中。
// 影片时间长度计算与显示
onClipEvent (load) {//MC 加载时动作
s1 = int(_root._totalframes/12) ;// 影片长度
fen1 = String(int( s1 / 60 )); // 算出分钟数取整数后,转换成字符串
miao1 = String( int(s1 % 60 ));// 算出秒数取整数够,转换成字符串
if (length(fen1) == 1) { // 分钟的数字长度为 1 时
fen1 = "0" fen1 " ” ";// 前面加零
}else{ // 否则
fen1 = fen1 "”";
}
if (length(miao1) == 1) {// 秒的数字长度为 1 时
miao1 = "0" miao1 " '' ";// 前面加零
}else{// 否则
miao1 = miao1 "''";
}
_root.wenben.changdu.cd = fen1 miao1;
}
// 影片时间进度计算与显示(脚本解释参考以上代码)
onClipEvent (enterFrame) {// 以 MC 的帧频不断触发
s2 = int(_root._currentframe/12);
fen2 = String(int( s2 / 60 ));
miao2 = String(int( s2 % 60 ));
if (length(fen2) == 1) {
fen2 = "0" fen2 "”";
}else{
fen2 = fen2 "”";
}
if (length(miao2) == 1) {
miao2 = "0" miao2 "''";
}else{
miao2 = miao2 "''";
}
_root.wenben.jindu.jd = fen2 miao2;
}
四.绘制并制作控制音量与平衡的按钮
1 .找出“音量”元件:
(提示:可以自己做也可以直接用公用库里的,读者可以打开源文件的库直接拖入。)
点击“窗口” → “其他面板” → “公用库” → “按钮”,打开“ Knobs & Faders ”文件夹,找到电影剪辑“ fader - mixer ”,将其从“公用库”中拖拽到自己的库中的“音乐”文件夹内,将电影剪辑“ fader - mixer ”改名为“音量”,再双击文件夹“ knob & fader parts ”名称,改名为“音量控制”,再双击该文件夹图标,打开改文件夹,将影片剪辑“ fader ”改名为“音量手柄”,将按钮元件“ fader button ”改名为“音量按钮”,将影片剪辑“ fader details ”改名为音量刻盘,将影片剪辑“ fader shadow ”改名为“音量阴影”。
(注意:双击文件夹名称是改名,双击文件夹图标是打开文件夹。另外,当从“公用库”向“库”拖拽影片剪辑时,要在“库”的白色区域内释放鼠标,不要在灰色区域内释放。)。
2 .修改“音量”元件:
在“库”面板中双击影片剪辑“音量”,用箭头工具框选“音量手柄”和“音量刻盘”,点击“修改”、“变形”、“逆时针旋转 90 度”,用箭头工具单击影片剪辑“音量手柄”,到“属性面板”中设置实例名: shoubing 。将手柄移动到刻盘的中心位置。 在“动作面板”中输入一下 AS 代码,把原来里面的脚本语句覆盖掉。
onClipEvent (load) {// 影片剪辑加载时触发以下代码
chushi_kepan = _x-50; // 确定刻盘初始位置在场景中的 X 坐标值
zuo = _x-50; // 确定手柄在场景中最左边的限值
you = _x 50; // 确定手柄在场景中最右边的限值
ding = _y; // 确定手柄在场景中最上边的限值
di = _y; // 确定手柄在场景中最下边的限值
wls = new Sound();// 创建声音播放对象 wls
wls.attachSound("wls");// 将库中标识符为 "wls" 的声音附加给 wls
zdyl = 100;// 确定最大音量值
dqyl = zdyl/2;// 确定当前音量值
wls.setVolume(dqyl);// 给声音对象设置当前音量
}
onClipEvent (enterFrame) {// 与帧频同步触发以下代码
// 由于刻盘长度为 100 像素,声音限值也是 100 ,当前位置减刻盘初始位置就是当前音量值。
dqyl = Math.ceil(_root.yinliang.shoubing._x-_root.yinliang.shoubing.chushi_kepan);
wls.setVolume(dqyl);// 对声音对象 WLS 设置当前音量
}
再用鼠标双击工作区中的影片剪辑“音量手柄”,露出按钮,给按钮添加以下按钮动作,把原来里面的脚本语句覆盖掉。
on (press) {// 鼠标按下
startDrag("", false, zuo, ding, you, di);// 在限定的区域中拖拽
}
on (release) {// 鼠标释放
stopDrag();// 停止拖拽
}
3 .设置声音元件:
选择菜单中的“文件” →“导入”→“库”,将准备好的音乐导入进来, 在“库”中单击声音元件 12.MP3 ,点鼠标右键,弹出菜单选择“链接”,弹出“链接属性”对话框,将“链接”里的“为动作脚本导出”与“在第一帧导出”打上勾,然后在“标识符“处输入: wls ,点“确定”。
4 .场景布置:
回到场景中,新建一层,命名为“音量大小与平衡”,将影片剪辑“音量”托拽到主场景,到“属性面板”给影片剪辑“音量”起一个实例名: yinliang ,调整好摆放位置即可。
5 .用同样的方法制作一个控制音量平衡的手柄,代码如下:
onClipEvent (load) {// 影片剪辑加载时
chushi_x = _x; // 确定手柄在场景中的 X 初始坐标值
zuo = _x-50; // 确定手柄在场景中最左边的限值
you = _x 50; // 确定手柄在场景中最右边的限值
ding = _y; // 确定手柄在场景中最上边的限值
di = _y; // 确定手柄在场景中最下边的限值
wls = new Sound();// 创建声音播放对象 wls
wls.attachSound("wls");// 将库中标识符为 "wls" 的声音附加给 wls
kpbs =2;// 刻盘倍数,手柄初始在刻盘中间,左右限值为 50 ,乘上刻盘倍数,可使得左右限值为 100
}
onClipEvent (enterFrame) {// 与帧频同步触发
// 计算当前平衡值,在 100 ,- 100 之间
dqph = Math.floor((_root.pingheng.shoubing._x-_root.pingheng.shoubing.chushi_x ) * kpbs);
wls.setPan(dqph);// 设置声音对象 wls 的当前平衡
}
五.整合场景并测试
1.添加音乐层
将所有元件与对象摆放在合适的位置后,新建一层,命名为“音乐”,在下方“属性”框的声音下拉单中选中刚才导入的音乐,设置“同步”内容为“数据流”,然后延长帧直到音乐播放完为止,再延长其它层的帧与音乐层的帧数相同。
2.加上 stop 动作
为了使音乐在开始处于未播放状态,选中音乐层第一帧,在“动作面板”中加入: stop(); 命令。
3.测试
现在按下 Ctrl 回车进行测试吧!怎么样,一个漂亮的音乐迷你播放机就出来了,大家利用这种方法可以制作MTV、课件以及播放器哦!
欢迎您莅临“红色领袖”的魅力空间
http://34211593.qzone.qq.com
http://jiliuhui.360doc.com
http://www.360doc.com/userhome/10486553
http://jiliuhui.blog.163.com
★★★★★欢迎您的光临★★★★★红色♂领袖★★★★★感谢您的关注★★★★★
★红★色★领★袖★
★吾一日三省★
★抛开无尽烦恼,追求至上情智 ★ 挥洒五彩青春,缔造幸福人生★
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报
。
打开APP,阅读全文并永久保存
查看更多类似文章
猜你喜欢
类似文章
博客加入搜索引擎
自动下载试听的歌曲
还在满世界找无损音乐试听下载?你怕是不知道有这个工具?
如何给日志里添加背景音乐
美化博客实用技巧⑴如何在日志里添加背景音乐
如何让播放器自动播放_
更多类似文章 >>
生活服务
热点新闻
留言交流
回顶部
联系我们
分享
收藏
点击这里,查看已保存的文章
导长图
关注
一键复制
下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!
联系客服
微信登录中...
请勿关闭此页面
先别划走!
送你5元优惠券,购买VIP限时立减!
5
元
优惠券
优惠券还有
10:00
过期
马上使用
×