习之的个人主页注册

文章详情

【原创】大彩色mp3播放器

习之

加好友

字号调整：大 | 中 | 小

发表于2011-10-08- 20时 阅读 10942 评论59 点赞15

大彩色mp3播放器

一个国外的音乐网站（blestar）免费提供一款可以在线制作的mp3播放器。播放器的功能比较齐全，面板各功能区的颜色可以自由搭配，从而可以DIY出一个很有个性的mp3播放器。国内也看到过由此改编的款式，而且增加了多曲联播和同步歌词显示的功能，在“虎子”老师的博客里有介绍（歌词同步MP3播放器）。

习之正在学习Flash里的AS，因此用它做了一个练习。增加自动播放、循环播放控制；将繁复的各功能区的色彩设置，合并成八个可供选择的颜色组合。改好后，觉得可以用它作为博客背景音乐的播放器，将它放在博客页面上也很好看，因此晒出来给大家试用。

下面是这个播放器的实例和源代码。

下面是可以拷贝的html代码。

在这个播放器的“播放”按钮的左方，有一个小小的状态灯。

绿灯，加载完成；

红灯，加载失败；

黄灯，正在加载。

当加载失败时，在播放器下方会有文字提示：《文件加载失败》。

“播放”按钮的右方是音量按钮，点击后在播放器下方会出现一个音量调节条。

在播放器中间的播放信息窗内，有时间显示和滚动文字。

可以用不同的渐变颜色显示下载的进度和播放的进度。

播放器标准尺寸是390×74，可以按此比例缩放。

这款彩色播放器需要提供给Flash的参数是：

mp3file mp3格式的音乐文件

rolltext 信息窗里的滚动文字，

s 是否自动播放控制：1 自动； 0 手动

r 播放次数控制：0 单次 1 循环 ≥2 播放次数。

bgNumber 背景颜色编号可选数字号： 1 ～ 8 颜色示意如下：

skin 可选参数。要求：RRGGBB。

如果需要选用上面八种以外的颜色，可以加用此skin参数设置。

此参数只管播放器的“皮肤”，信息窗内进度条的颜色还是随bgNumber定。

补充说明: 　

向FLASH播放器传递参数的方法：　

在提供的播放器代码中，有一个“flashvars”的属性，它的作用就是将若干个参数提供给播放器AS里的同名的变量。它的写法是（以四个参数为例）：

flashvars="参数1=值1&参数2=值2&参数3=值3&参数4=值4"　

参数n=值n 称为值对，值对与值对之间用“&”连接。字母“&”读成“and”。

需要注意的是：　

参数名必须与播放器AS里的变量名同名，播放器制作者会提供可传递的参数名。

参数名的字母大小写不能随意，必须与制作者提供的一致。

在整个flashvars内不允许有空格，也不要随意分行书写（通常博客编辑器会自动分行）。

在需要提供颜色RRGGBB色码时，不要加“#”引导符。

(注：您的设备不支持flash)

声明：以上内容仅用户个人行为，不代表本站（老小孩社区）观点，如有侵权或其他行为用户自己承担相关责任与本站无关。【举报文章】

点赞15 收藏 28

微信扫二维码分享

: 等15人点赞

评论字体大小调节：大 | 中 | 小

精选留言

您需要登录后才能回复

登录立即注册

zzkhzfw2022-07-18 13:24:07

发表于2011年10月08号？老小孩之老了，向老前辈学习。

举报

习之今天才读到你半年前的留言，没有及时回复，请原谅。这些年来老小孩博客的环境有了很大的变化，尤其是十年中网站经过了多次的改版，弃舍了许多繁复的功能，使写博客变得很是简单。譬如需要有背景音乐，只要上传一个Mp3，就自动生成一个播放器很是方便。虽然少了许多奇出怪样的播放器，但能达到一的效果，何乐而不为。因此习之以往提供的各种播放器或者背景音乐，只是作为一段“历史”保留下来，时不时上来看一看，唤起自己和一些好友的回忆。谢谢！举报

请选择你想添加的收藏夹

未定义0条内容

新建收藏夹

导出图片

关闭

文章详情

【原创】大彩色mp3播放器

习之

(注：您的设备不支持flash)

习之

精选留言

zzkhzfw2022-07-18 13:24:07