网上看到一款应用很普遍的视频播放器,面板简洁美观,因此试着将它改造成mp3播放器,用以播放博客的背景音乐。通常mp3播放器除了必备的播放、暂停开关外,还可以有进程条、播放时间显示、静音开关、音量调节、滚动文字窗等项选择,因此将这些功能进行不同的组合,制作成五款长短不一的长条式mp3播放器。其中滚动文字窗是用了一个按钮来实现展开和合拢 ,用户可以自主选择。考虑到博客背景音乐常用单曲播放,因此长条式播放器中没有设置多曲功能。
下面是五款播放器的实物和它们在老小孩网的flash地址和播放器的源代码。每个实物里都含有一段音乐,音乐名可在滚动字幕中看到。
一:尺寸:260×30
播放器地址:http://www.oldkids.cn/upload/12000/u11139/2011/03/13/blog_201103132023370.swf
宽260播放器的源代码:
<p align="center" style="margin:10px;" title="宽度260"><embed src="http://www.oldkids.cn/upload/12000/u11139/2011/03/13/blog_201103132023370.swf" width="260" height="30" flashvars="mp3=http://img4.oldkids.cn/upload/2021/10/05/blog_11139_20211005195356196.mp3&n1=夜曲&n2=神秘园&r=0&s=0" type="application/x-shockwave-flash" wmode="transparent"></embed></p>
二:尺寸:340×30
播放器地址:http://www.oldkids.cn/upload/12000/u11139/2011/03/13/blog_201103132024408.swf
宽340播放器的源代码:
<p align="center" style="margin:10px;" title="宽度340"><embed src="http://www.oldkids.cn/upload/12000/u11139/2011/03/13/blog_201103132024408.swf" width="340" height="30" flashvars="mp3=http://img3.oldkids.cn/upload/2021/10/05/blog_11139_20211005195445660.mp3&n1=月亮河&n2=乔瓦尼乐队&r=0&s=0" type="application/x-shockwave-flash" wmode="transparent"></embed></p>
三:尺寸:360×30(滚动字幕已预先打开)
播放器地址:http://www.oldkids.cn/upload/12000/u11139/2011/03/18/blog_201103180852325.swf
宽360播放器的源代码:
<p align="center" style="margin:10px;" title="宽度360"><embed src="http://www.oldkids.cn/upload/12000/u11139/2011/03/18/blog_201103180852325.swf" width="360" height="30" flashvars="mp3=http://img3.oldkids.cn/upload/2021/10/05/blog_11139_20211005195541949.mp3&n1=排箫之梦&n2=乔瓦尼乐队&r=0&s=0" type="application/x-shockwave-flash" wmode="transparent"></embed></p>
四:尺寸:500×30(滚动字幕已预先打开)
播放器地址:http://www.oldkids.cn/upload/12000/u11139/2011/03/18/blog_201103180853275.swf
宽500播放器的源代码:
<p align="center" style="margin:10px;" title="宽度500"><embed src="http://www.oldkids.cn/upload/12000/u11139/2011/03/18/blog_201103180853275.swf" width="500" height="30" flashvars="mp3=http://img3.oldkids.cn/upload/2021/10/05/blog_11139_20211005195609071.mp3&n1=下雨的时候&n2=神秘园&r=0&s=0" type="application/x-shockwave-flash" wmode="transparent"></embed></p>
五:尺寸:540×30(滚动字幕已预先打开)
播放器地址:http://www.oldkids.cn/upload/12000/u11139/2011/03/18/blog_201103181003561.swf
宽540播放器的源代码:
<p align="center" style="margin:10px;" title="宽度540"><embed src="http://www.oldkids.cn/upload/12000/u11139/2011/03/18/blog_201103181003561.swf" width="540" height="30" flashvars="mp3=http://img2.oldkids.cn/upload/2021/10/05/blog_11139_20211005195638970.mp3&n1=神秘的绿岛&n2=乔瓦尼乐队&r=0&s=0" type="application/x-shockwave-flash" wmode="transparent"></embed></p>
这个mp3播放器需要向Flash提供五个参数,它们分别是:
mp3 = 音乐的地址,必须是mp3文件
n1 = 音乐的名称,默认:“请欣赏音乐”
n2 = 艺术家名,默认:“播放”
r = 重复次数,r=0 单次;r=1 循环,默认:单次
s = 启动方式,s=0 手动;s=1 自动,默认:自动
下面是嵌入博客的源代码,五个播放器通用,需要变更的是播放器的Flash地址和相应的播放器宽度;再替换音乐的mp3地址、音乐名和艺术家名。播放模式是手动播放s=0,播放一次r=0,也可按需更改。
如果需要将播放器改成第一款(最短的),那么需要将Flash的地址更改将成上面附的第一款的Flash地址,同时将width相应改成260px。其他的歌曲、歌名等参数也要按自己需要的进行改动。
|