| |
用Flash打造迷你Winamp播放器
|
日期:2008年6月9日 作者:
查看:[大字体 中字体
小字体]
|
Winamp是PC上使用率比较高的一款音频播放器,以其短小精悍的身材和系统资源占用低的优点,深受大家的喜爱。作为一名闪客同时又为音乐发烧友的我,自然而然的就想到了利用闪客手中的利器—Flash,来动手自己制作一个模拟的迷你Winamp来,想想使用自己打造出的精美播放器,欣赏着优美的旋律,那情景是多么悠然自得啊。(本例源文件请点击这里下载)
废话少说,说作就做,不过在和大家一起制作之前,前来看一下最后的制作成品,以便使大家在下面的制作过程中能做到心中无数,免得到时候手忙脚乱,最后完成的播放器界面如图1所示:
·利用VC#开发一个媒体播放器 ·用VC6.0设计数字视频播放器 ·APE文件的播放器选择及比较 ·VC 6.0下自制媒体播放器 ·Real电影播放器的安装 ·所有播放器都是垃圾?救世主现身 ·谁可称王?八款万能播放器横向评测 ·嵌入式网站媒体播放器ExoBUD MP(II) v4.1 ·常用全能播放器 不完全评测 ·PS精细鼠绘实例:CD播放器
图1
从图一中我们看到,此款播放器的界面可以说非常漂亮,左下角是一排播放按钮,最左边的孔形按钮可以进行精简界面和完整界面之间的切换,接下来的五个按钮大家应该很熟悉了,作用分别是前一首歌曲,播放,暂停,关闭,下一首歌曲。右下方的文字是播放曲目的提示,可以显示出所播放的是哪首歌曲。最酷的要算占据播放器界面主要位置的光谱柱了,可以随着音乐的节奏跳跃,更绝的是我们可以使用鼠标对播放器的整体进行拖动,可以将其放置到任意位置,简直和Winamp是一模一样。看到这里大家一定按捺不住了吧,别着急,让我们一步一步来制作这个精美的播放器。
1.首先启动Flash MX,并新建一个影片文件,对影片属性进行设置,设置影片大小为600px*400px(单位为象素),影片背景色为黑色。
2.首先我们要制作的是控制音乐播放的五个按钮,首先来制作最左边的前一首歌曲按钮。新建立一个按钮元件,并命名为back,进入按钮元件的编辑区后,先使用矩形工具绘制一个无填充色的正方形,然后使用直线工具绘制一条细的竖线,并在旁边绘制一个小的三角形,最后给三角形和轮廓线上色,颜色代码为#CCCCFF,最后做好的按钮如图2所示:
 图2
按照相似的方法,分别制作其它4个按钮,并命名为forward,play,stop和pause,制作完成后的按钮如图3中从左到右所示:
 图3
最后还需要绘制一个最小化按钮,同样新建一个按钮元件,命名为minimize,进入元件的编辑区后,使用绘图工具绘制如图4所示的按钮:
 图4 3.播放器主界面的背景是利用一块填充了渐变色的色块形成的,制作起来非常简单,但是如果能够很好的设计填充色,最后的效果一样很酷。新建一个图形元件,命名为backpanel,进入元件的编辑区后,在当前的图层layer1上面使用矩形工具绘制一个横向的细长矩形,然后打开混色器面版,按照图4所示的填充色设置方法对其进行填充,如图5所示:
·利用VC#开发一个媒体播放器 ·用VC6.0设计数字视频播放器 ·APE文件的播放器选择及比较 ·VC 6.0下自制媒体播放器 ·Real电影播放器的安装 ·所有播放器都是垃圾?救世主现身 ·谁可称王?八款万能播放器横向评测 ·嵌入式网站媒体播放器ExoBUD MP(II) v4.1 ·常用全能播放器 不完全评测
上一篇:Flash表单制作实例集锦(七)
下一篇:CISCO特殊命令之-partition合并FLASH分区
|
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.abcdown.net
| |