教你制作一款超强的播放器

[51官方站]发布时间：2008-9-22 23:53:08 [论坛帮助] <要我啦>

本播放器的宗旨是个性、简约、无形化万形。

本播放器的主要功能是:
能让你将任何喜欢的图片、flash动画（可以是时钟、游戏、宠物、透明的特效flash等），结合你喜欢的任意歌曲，组合成音乐播放器。
播放器效果演示:

[设计.swf?mp3=http://music21.51.com/new/user/c/29/youhongming52013/aca8576f345c220f42b2b48b033790f8.mp3&qj1=http://www.muqin.com.cn/upload/forum/2005111506375077.swf&qj2=http://data1.flash.qq.com/0/0/146/736-1184608058.swf&qj3=http://imgfree.21cn.com/free/flash/9.swf&autoplay=0" target="_blank">全屏播放]

[设计.swf?mp3=http://music21.51.com/new/user/c/29/youhongming52013/aca8576f345c220f42b2b48b033790f8.mp3&qj1=http://imgfree.21cn.com/free/flash/170.swf&qj2=http://flash.qzone.net.cn/qq293299/ck/tiao2.swf&qj3=http://imgfree.21cn.com/free/flash/9.swf&autoplay=0" target="_blank">全屏播放]

[设计.swf?mp3=http://music21.51.com/new/user/c/29/youhongming52013/aca8576f345c220f42b2b48b033790f8.mp3&qj2=http://i175.photobucket.com/albums/w155/toyaa88/eleventime1.swf&qj1=http://images13.51.com/21/b/0f/0c/shuimengwuhen/1191436066_0.80331300.jpg&qj3=http://imgfree.21cn.com/free/flash/9.swf&autoplay=0" target="_blank">全屏播放]
(这些时钟和动画看起来是不是很眼熟,但请注意,上面的都是能放在主页的音乐播放器,而不是单纯的时钟或动画)
如果我告诉你上面的四款播放器其实是同一个播放器，只不过代码做了微小的变动,你是不是很吃惊呢.
即使你是个电脑白痴,只要看完本帖,一样能制作出自己喜欢的个性播放器,超级简单哦.
本播放器程序特点:
1、程序本身由纯代码制作，所有显示元件都是通过外部调用。
2、支持多层外部flash动画（图片）同步调用，用户可以完全根据自己喜好，通过修改播放器代码定义播放器界面。
3、支持多首歌曲顺序播放。

↓↓为了让大家对本播放有个更全面的认识，先给大家看几个本播放器应用的示例↓↓

①将任意图片变成播放器。
示例音乐：http://music21.51.com/new/user/c/29/youhongming52013/aca8576f345c220f42b2b48b033790f8.mp3
示例图片：http://images13.51.com/35/d/0f/0c/shuimengwuhen/1191446594_0.88802200.jpg
示例代码：
[flash=300,400]http://sour.go1.icpcn.com/swf/网页制作与设计.swf?mp3=http://music21.51.com/new/user/c/29/youhongming52013/aca8576f345c220f42b2b48b033790f8.mp3&qj1=http://images13.51.com/35/d/0f/0c/shuimengwuhen/1191446594_0.88802200.jpg&autoplay=1[/flash]
示例效果：

[设计.swf?mp3=mp3=http://music21.51.com/new/user/c/29/youhongming52013/aca8576f345c220f42b2b48b033790f8.mp3&qj1=http://images13.51.com/35/d/0f/0c/shuimengwuhen/1191446594_0.88802200.jpg&autoplay=0" target="_blank">全屏播放]

②将任意图片+flash时钟变成播放器。
示例音乐：http://music21.51.com/new/user/c/29/youhongming52013/aca8576f345c220f42b2b48b033790f8.mp3
示例图片：http://images13.51.com/35/d/0f/0c/shuimengwuhen/1191446594_0.88802200.jpg
flash时钟：http://my.xingkong.com/Flashs/2006/1/2006151441482460.swf
示例代码：
[flash=300,400]http://sour.go1.icpcn.com/swf/网页制作与设计.swf?mp3=http://music21.51.com/new/user/c/29/youhongming52013/aca8576f345c220f42b2b48b033790f8.mp3&qj1=http://images13.51.com/35/d/0f/0c/shuimengwuhen/1191446594_0.88802200.jpg&qj2=http://my.xingkong.com/Flashs/2006/1/2006151441482460.swf&autoplay=1[/flash]
示例效果：

[设计.swf?mp3=http://music21.51.com/new/user/c/29/youhongming52013/aca8576f345c220f42b2b48b033790f8.mp3&qj1=http://images13.51.com/35/d/0f/0c/shuimengwuhen/1191446594_0.88802200.jpg&qj2=http://my.xingkong.com/Flashs/2006/1/2006151441482460.swf&qj3=http://www.muqin.com.cn/upload/forum/2005111506402119.swf&autoplay=1" target="_blank">全屏播放]
上面只是列举了本播放器3种比较典型的应用方式，朋友可以根据自己的需要，组合出更完美的播放器。

↓↓↓本播放器代码解析（请结合上面的实例进行类比，这样理解起来会更快）↓↓↓

代码格式:
[flash=300,400]http://sour.go1.icpcn.com/swf/网页制作与设计.swf?mp3=歌曲1地址|歌曲2地址&qj1=动画(或图片)1地址&qj2=动画2地址&qj3=动画3地址&autoplay=1[/flash]

代码说明:
flash=???????
后面的数字即为播放器的高和宽,可根据具体情况修改.

mp3=????????
后面跟的就是要播放的歌曲(mp3格式)的地址,如果有多首歌曲地址之间用|隔开

qj1=
后面跟第一层前景的地址,可以是图片和flash动画,如果用图片,大小最好为300*400.

qj2=
后面跟第二层前景的地址,可以是图片和flash动画,显示时,将处于第一层上面.

qj3=
后面跟第三层前景的地址,可以是图片和flash动画,显示时,将处于第一、二层上面.

注意：
①由于本程序是分层加载前景，所以为了保证上面的层不覆盖下面层，qj2和qj2最好不要用图片，也不要用不透明的flash。（qj1此无限制）
②如果你只要播放器显示一个前景（如只需显示一张图片或一个动画），代码中的qj2=和qj2=直接空着即可。
③为了美观，flash=后面的数字请务必按实际情况调整。

点此查看制作本播放器需要使用到flash素材
上传好后,请找到你上传后的程序文件地址.
然后代码按下列格式修改即可:
[flash=300,400]您上传后得到的程序文件的地址?mp3=歌曲1地址|歌曲2地址&qj1=动画(或图片)1地址&qj2=动画2地址&qj3=动画3地址&autoplay=1[/flash]
如果您没空间,可以去此处申请:http://web.thec.cn/sysweb/RegTrans.aspx?CodeProvider=yinhaifei
完成了上述步骤后,你就可以给你的朋友用你的播放器了(代码为你自己独有的).

-----------------------------------程序共享计划-----------------------------------
由于本人播放器程序所放置的空间有IIS连接数量限制,当用户量过大时,会导致程序不稳定,播放器无法显示,为解决此问题,特决定将本播放器的源程序共享给朋友们.
有空间的朋友,可以直接下载本播放器程序文件,然后将其上传到自己的空间即可.
程序下载地址(直接用迅雷下载):http://sour.go1.icpcn.com/swf/网页制作与设计.swf

[] [返回上一页] [打印]

最新文章

热门文章