习之 的个人主页 注册

【原创】用Flash做的长条式mp3播放器

导语:

修改
字体调整: | |

发表于2011年03月14号 09点 阅读 9722 评论47 点赞16 ©著作权归作者所有

摘要:用Flash制作的一套五个“条式mp3播放器”,可以用作博客背景音乐的播放。本文有播放器实物和源代码介绍。

 

 

网上看到一款应用很普遍的视频播放器,面板简洁美观,因此试着将它改造成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。其他的歌曲、歌名等参数也要按自己需要的进行改动。

 

<p style="margin: 5px;text-align:center">
<embed src="播放器的swf地址" width="播放器宽度" height="30" flashvars="mp3=音乐的mp3地址&amp;n1=音乐名&amp;n2=艺术家名&amp;r=0&amp;s=1"  type="application/x-shockwave-flash" wmode="transparent"></embed></p>

 

如果在使用这款播放器时发现有什么问题,或有改进的建议,请能直接反馈给我,习之不胜感激,谢谢。

 

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

声明:以上内容仅用户个人行为,不代表本站(老小孩社区)观点,如有侵权或其他行为用户自己承担相关责任与本站无关。【举报文章】
点赞16 收藏 12 推送到圈子 分享
微信扫二维码分享

等16人点赞

本文作者

加好友
评论字体大小调节: | |

精选留言

您需要登录后才能回复

登录立即注册

  • 相约爱晚亭2021-12-06 20:37:49

    喜欢读习之老师深入浅出的文章。谢谢您努力修复更新旧作,您是老小孩网友们的好老师。

    举报

请选择你想添加的收藏夹

新建收藏夹

收藏夹名称

©2017 老小孩网站版权所有 | 沪ICP备08012383号    举报电话:021-64323922
×
×