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

逍遥谷芸儿滴音画居

红尘三千墨, 一笔一画只为你深情

 
 
 

日志

 
 

【转载】FLASH专辑音乐播放器制作教程  

2013-04-26 17:00:05|  分类: FLASH教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

一、准备工作
       1、安装软件。
    
既然是FLASH专辑音乐播放器,当然就得安装FLASH软件了。现在闪客们都在使用FLASH10.0版本了,而木木还在用8.0,不过版本低页面简单初学容易上路,大家还是用FLASH8.0吧。下面是几个资源网站的下载页面,打开一个,把安装文件下载到自己电脑里(直接保存到桌面吧,免得安装时到处找)。

          http://www.onlinedown.net/soft/9866.htm
          http://www.skycn.com/soft/2491.html
       不会下载安装程序的朋友应该没有吧,如果你碰巧是第一次下载安装程序,那么就在如下图这样的区域内点击,其他的“点击安装”的按钮就别去点击了:

FLASH专辑音乐播放器制作教程 - 彼岸桃花 - .

 
       下载完毕后,你的盘里或桌面上会出现如下图这样的图标:
 

FLASH专辑音乐播放器制作教程 - 彼岸桃花 - .

 
       双击,按提示安装就行了。
       安装完毕后,你的桌面上会出现如下图这样的图标:

FLASH专辑音乐播放器制作教程 - 彼岸桃花 - .

        

当然,为了使用方便,你最好立即打开软件,按提示给安装好的FLASH注个册。

       2、下载源文件
       
为了免去安装组件的麻烦,我给大家准备了FLASH源文件,点击下面的链接,保存到桌面备用。

         源文件.fla
       3、注册播放器上传空间
       
在线音乐视听,需要有可外链接的空间对FLASH播放器提供支持,这样的空间国内国外有很多,根据提示,注册新用户。

       二、编写播放列表xml文件
   
以现在听到的这张《情醉萨克斯风-莱曼亚乐团倾情演绎》为例,以下是我编辑的播放列表文件的内容: 
<playlist>
  <songhttp://vfile.home.news.cn/music/public/vd02/200811/26/0c/MUfs0220081126153032510c03eb.mp3" target=_blank>http://vfile.home.news.cn/music/public/vd02/200811/26/0c/MUfs0220081126153032510c03eb.mp3" title="永浴爱河" /> 
  <songhttp://vfile.home.news.cn/music/public/vd02/200811/26/0f/MUfs0220081126154955510f92fa.mp3" target=_blank>http://vfile.home.news.cn/music/public/vd02/200811/26/0f/MUfs0220081126154955510f92fa.mp3" title="爱的故事" /> 
  <songhttp://vfile.home.news.cn/music/public/vd02/200811/26/3f/MUfs0220081126163710523fa762.mp3" target=_blank>http://vfile.home.news.cn/music/public/vd02/200811/26/3f/MUfs0220081126163710523fa762.mp3" title="伴你一生" /> 
  <songhttp://vfile.home.news.cn/music/public/vd02/200811/26/10/MUfs02200811261553465110a00c.mp3" target=_blank>http://vfile.home.news.cn/music/public/vd02/200811/26/10/MUfs02200811261553465110a00c.mp3" title="此情可待" /> 
  <songhttp://vfile.home.news.cn/music/public/vd02/200811/26/39/MUfs02200811261611225239e3d7.mp3" target=_blank>http://vfile.home.news.cn/music/public/vd02/200811/26/39/MUfs02200811261611225239e3d7.mp3" title="女歌手" /> 
  <songhttp://vfile.home.news.cn/music/public/vd02/200811/26/0d/MUfs0220081126153542510d6e3b.mp3" target=_blank>http://vfile.home.news.cn/music/public/vd02/200811/26/0d/MUfs0220081126153542510d6e3b.mp3" title="留住岁月" /> 
  <songhttp://vfile.home.news.cn/music/public/vd02/200811/26/3b/MUfs0220081126162828523bfe47.mp3" target=_blank>http://vfile.home.news.cn/music/public/vd02/200811/26/3b/MUfs0220081126162828523bfe47.mp3" title="突如其来" /> 
  <songhttp://vfile.home.news.cn/music/public/vd02/200811/26/31/MUfs02200811261522185231718d.mp3" target=_blank>http://vfile.home.news.cn/music/public/vd02/200811/26/31/MUfs02200811261522185231718d.mp3" title="夜的尽失" /> 
  <songhttp://vfile.home.news.cn/music/public/vd02/200811/26/31/MUfs02200811261522185231718d.mp3" target=_blank>http://vfile.home.news.cn/music/public/vd02/200811/26/31/MUfs02200811261522185231718d.mp3" title="加州旅馆" /> 
  <songhttp://vfile.home.news.cn/music/public/vd02/200811/26/35/MUfs0220081126154624523531c6.mp3" target=_blank>http://vfile.home.news.cn/music/public/vd02/200811/26/35/MUfs0220081126154624523531c6.mp3" title="生命中的美好时光" /> 
  <songhttp://vfile.home.news.cn/music/public/vd02/200811/26/42/MUfs022008112616403452425357.mp3" target=_blank>http://vfile.home.news.cn/music/public/vd02/200811/26/42/MUfs022008112616403452425357.mp3" title="奔放的旋律" /> 
  <songhttp://vfile.home.news.cn/music/public/vd02/200811/26/3a/MUfs0220081126162016523a2939.mp3" target=_blank>http://vfile.home.news.cn/music/public/vd02/200811/26/3a/MUfs0220081126162016523a2939.mp3" title="站在我身边" /> 
  <songhttp://vfile.home.news.cn/music/public/vd02/200811/26/38/MUfs02200811261607115238448c.mp3" target=_blank>http://vfile.home.news.cn/music/public/vd02/200811/26/38/MUfs02200811261607115238448c.mp3" title="奉献我的爱" /> 
  <songhttp://vfile.home.news.cn/music/public/vd02/200811/26/0b/MUfs0220081126151709510b5533.mp3" target=_blank>http://vfile.home.news.cn/music/public/vd02/200811/26/0b/MUfs0220081126151709510b5533.mp3" title="吻我 " /> 
      </playlist> 
      
xml(可扩展标记语言)格式的文件,语句都要包含在< />符号中,以<playlist>(播放列表)开头,以</playlist>结尾(注意那根小斜线不能少),分为若干个曲目(song),每个曲目又包含音乐链接(url)和音乐名称(title),就是引号里的内容。为了方便,你可以直接复制上面的语句,只需根据你要編輯的曲目数量作出增减,并把引号内的内容换成你自己相应的音乐链接和曲名就行了(因为本款播放器仅支持MP3格式的音乐,所以你的链接也必须是以.mp3结尾的,请注意这个播放列表是写入音乐的网络链接地址,你电脑硬盘里的音乐必须上传到相关可外链的音乐网站或空间后得到链接才能添加进来,当然,我们也可以捡便宜,通过网络搜索比如百度一下得到音乐链接)。

       具体操作步骤如下:
           打幵你电脑里附件里的记事本
           按前面所说的格式及内容要求复制粘贴修改写好播放列表,标点符号要用半角输入。
           保存为xml格式的文件到桌面(以xml为后辍名,用半角输入)如下图:
 

FLASH专辑音乐播放器制作教程 - 彼岸桃花 - .


       你会发现你的桌面上多了一个这样图标的文件:

FLASH专辑音乐播放器制作教程 - 彼岸桃花 - .


       最后,登陆刚才注冊的北方博客,点击“文件管理”“浏览”找到刚刚編輯的这个文件上传,上传成功后,点击返回上一页,然后刷新页面,你会看到上传好的文件,如下图,留着备用。

FLASH专辑音乐播放器制作教程 - 彼岸桃花 - .


 
三、制作FLASH播放器
       
在制作之前,请先为你将要制作的播放器准备一幅切合音乐主题的图片,尺寸自定,一般为中等大小,比如550*400或者800*600,图片最好不要超过100K,不然到时候播放器打开会比较慢。

       言归正传,打开前面下载到桌面的“源文件”(当然,FLASH软件也就打开了)。你会发现是一个空白的舞台,沒关系,紧跟着一个个的就都有了。
       1、设置舞台大小。因为我采用的是600*515的图片,所以,我就先把舞台设置成600*515,如图:

FLASH专辑音乐播放器制作教程 - 彼岸桃花 - .


       点击确定
       2、导入图片。依次点击“文件”“导入”“导入到舞台”找到你需要的那张图,点打幵。这时舞台成了下图:

FLASH专辑音乐播放器制作教程 - 彼岸桃花 - .


 
       再依次点击“窗口”“对齐”,如下图,在右下方找到对齐面板,让图片与舞台上下左右对齐。

FLASH专辑音乐播放器制作教程 - 彼岸桃花 - .


       3、拖入播放器组件。依次点击“窗口”“库”,也是在右下方的库面板中,你会看到下图:

FLASH专辑音乐播放器制作教程 - 彼岸桃花 - .


       把鼠标放在“MiniMp3Player”上面,按住左键不放往舞台上拖,放到合适的位置,如下图,这个组件就是我们这款播放器的关键部位了。

FLASH专辑音乐播放器制作教程 - 彼岸桃花 - .


       4、设置播放器组件参数。
       首先,请在舞台上选中播放器组件(用鼠标左键点它一下,一定要选中哦)。然后,清注意舞台下方的那个小三角,点击它,再点击“参数”,如下图:

FLASH专辑音乐播放器制作教程 - 彼岸桃花 - .


参数列表的含义主要如下:

AutoPlay: 加载后自动播放
AVS: 可视化效果列表,是一组外部swf,或者静态jpg图片
AVSMode:可视化效果切换模式,Random:随机|Loop:循环|Manual:手动
DefaultPlaylist:默认载入的 歌曲列表文件 
PlayerBGColor:播放器背景色调
ListBGColor:曲目编辑器背景色调
PlaylishtHeight: 曲目编辑器的高度
Transparent: 透明模式
UIScale: 界面元素缩放倍数,100为正常大小
PlayMode:播放模式 Repeat All| Repeat One | No Repeat |Random
TitleScrollSpeed: 标题滚动速度
       你可以根据需要进行修改,当然最重要的是修改以下三处:
       第四栏“DefaultPlaylist”把“playlist.xml”,变成你刚才在北方博客上传的那个XML文件的链接,那个页面还沒关吧,点一下“取链接”,再粘贴到这边来,如下图:

木木森林FLASH专辑音乐播放器制作教程(无基础篇) - 迷雾 - 迷雾


       第六栏和第八栏是播放器背景及曲目編輯器背景颜色选择,你双击默认的颜色就可以从弹出的颜色面板中选择了,下图是我选择的效果。

FLASH专辑音乐播放器制作教程 - 彼岸桃花 - .


       至于其他的几项,你可以保持默认的设置,也可以自己点击试试效果,比如列表长度调整或选择透明模式。       当然,你如果觉得播放器上那几个英文字母不雅观,也可以像我这样用矩形工具,画一个长方形把它盖住,并很臭美地署上自己名字。
 
       在制作的过程中可別忘记保存文件哦,以后再制作,就可以在现在的基础上打幵修改图片和XML链接就行了。
       好了,现在你可以通过“文件”“发布预览”“FLASH”的步骤来预览一下你的作品了,听到音乐了吗?听到了说明成功了,沒听到?请按上述步骤自行检查。木木森林FLASH专辑音乐播放器制作教程(无基础篇) - 迷雾 - 迷雾
       
       倒数第二步,“文件”“导出”“导出影片”,得到SWF文件。
       最后一步,把刚才导出的文件上传,刷新一下页面,你会看到一个.swf结尾的文件:

FLASH专辑音乐播放器制作教程 - 彼岸桃花 - .

       

那就点幵它吧,不用说了,这个链接放到QQ空间再辅以文字图片,就是一篇精彩的音乐日志了。 

66 66

[教材]控制动画的开始和停止

[教材]水中倒影效果的制作

《炫彩线条制作》FLASH实例教程

翻页制作(FLASH实例教程)

音画《红红好姑娘》fLASH实例教程

硕思闪客精灵的使用教程

模糊遮罩的制作 (视频教材) [Flash]

如何在FLASH中导入视频

如何将透明特效导入flash作品中

如何把GIF动画弄到FLASH里使用

Flash初学者入门常见问题大总结 [Flash]

简单的声音编辑和控制 [Flash实例教程]

FLASH制作初级教材 [Flash]

《音乐导入和遮罩层的制作》FLASH视频教程

FLASH视频实例第二十六课 连接你需要的网址

《如何制作FLASH音画边框》视频语音教程

FLASH视频实例第二十五课 人物/抠图制作

FLASH视频实例第二十四课 滤镜/渐变文字制作

FLASH视频实例第二十三课 序幕缓缓拉开制作

FLASH视频实例第二十二课 淡入飘移动画制作

《奈何天》 flash音画 (附教程)

FLASH视频实例第二十一课 淡出飘移动画制作

FLASH视频实例第二十课 淡出飘移动画制作

FLASH视频实例第十九课 人物淡出放大动画制作

FLASH视频实例第十七课《人物淡入淡出的制作》

flash音画《人间四月天》实例教程

FLASH视频实例第十六课 淡入淡出移动文字制作

FLASH视频实例第十五课 渐隐渐出旋转图片制作

FLASH视频实例第十四课 透明遮罩/扫光动画制作

FLASH音画制作教程 下雨场景的制作

教你全程制作FLASH音画

 FLASH 视频教程[五]

 FLASH CS5 视频教程[四] [Flash]

 FLASH CS5 视频教程[三]

 FLASH CS5 视频教程[二]

 FLASH CS5 视频教程[一]

 手绘视频教程 [Flash]

 决战天下收集FLASH【视频教程】全套【精】

 怎样制作一部完整的flash作品

 生日贺卡的制作(五)

 生日贺卡的制作(四)

 生日贺卡的制作(三)

 生日贺卡的制作(二)

 生日贺卡的制作(一)

彼岸桃花日志目录总导航

PS教程(彼岸桃花收集整理)

近千首精选FLASH音乐汇总

 彼岸桃花部分原创音画作品

 Flash教程汇总(彼岸桃花整理)

  

彼岸桃花点击分享导航模块代码 

  评论这张
 
阅读(19)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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