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

junmin 的博客

 
 
 

日志

 
 

【引用】FLASH专辑音乐播放器制作教程  

2011-10-12 22:32:23|  分类: 播放器 |  标签: |举报 |字号 订阅

  下载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空间再辅以文字图片,就是一篇精彩的音乐日志了。 

美女俊男极限表演 - 理睬 - 理睬

2009年6月22日 - 理睬 - .

请点击以下链接浏览更精彩内容!

入门秘笈

制作技巧

电脑QQ(1)

电脑QQ(2)

个人情感

原创音画

常用教程

图画制作

字体制作

人文史地

诸事八卦

娱乐星闻

边框分割

精美时钟

图画素材

美眉帅哥

百科奇闻

免费电影

字体素材

日历天气

酷播放器

风水命理

奇闻怪事

军事资讯

游戏素材

音画素材

综合素材

综合图库

明星博客

摩登时尚

背景顶图

做图软件

视频教程

生活保健

报刊大全

公文写作

趣味图库

趣味制作

常用网站

搜索引擎

文化教育

极限表演

图片素材

图片欣赏

软件下载

在线字典

在线服务

博艺解答


最新日志后面导航 - 理睬 - .

2008年12月8日 - 理睬 - 理 睬

2008年12月8日 - 理睬 - 理 睬

2008年12月8日 - 理睬 - 理 睬

2008年12月8日 - 理睬 - 理 睬

2008年12月8日 - 理睬 - 理 睬

2008年12月8日 - 理睬 - 理 睬

2008年12月8日 - 理睬 - 理 睬

2008年12月8日 - 理睬 - 理 睬

2008年12月8日 - 理睬 - 理 睬

2008年12月8日 - 理睬 - 理 睬


  评论这张
 
阅读(14)| 评论(1)
推荐 转载

历史上的今天

评论

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

页脚

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