一个简单的音乐播放器

2013 年 6 月 5 日
 haichong520
一首歌,一张封面,一段歌词。

最近闲来无事,手痒痒,基于SoundManager做了个简单的音乐播放器,支持歌词同步,调整音量。废话不多说,上图



求测试,求吐槽,求拍砖
demo: http://www.xiaoqian.org/project/player/
12175 次点击
所在节点    分享创造
57 条回复
MasterYoda
2013 年 6 月 14 日
痛仰脑残粉发现点进去是公路之歌。不错。
manoon
2013 年 6 月 26 日
http://rec.soundfrag.com

我也抄了一抄,哈哈。加了个上传功能。
aeryen
2013 年 6 月 26 日
@manoon 图片右边有一个像素没对齐
manoon
2013 年 6 月 26 日
@aeryen

发天脖子不疼了,看能调回来不。。。
haichong520
2013 年 6 月 26 日
@manoon nice,歌也nice,不过貌似歌词没对上歌曲。。歌词时间戳。。。
haichong520
2013 年 6 月 27 日
@manoon 额,貌似你那儿歌词面板又多出一个像素,哈!我发现100%的宽度怎么弄都凑不齐,我有点暴脾气了,用了一招非常恶劣的手段,把控制面板的宽度100%飙到100.1%
manoon
2013 年 6 月 27 日
@haichong520 盒盒,没找到现成的lrc。。。。我会告诉你,我是根据自己的感觉手动敲时间么!!!
这个,是不是有软件可以根据歌曲和文本来生成LRC的?


---------------有个小问题,针对IE的话。如果filename不在jquery之后,soundmanager之前获得值。就会很杯具。
所以你会看到很奇葩的一段小代码。

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">var fileName=$("#mp3file").val();</script>///这个,如果放到index.min.js里面IE内核的浏览器会报错。其它浏览器正常
<script type="text/javascript" src="js/soundmanager2-jsmin.js"></script>
sinchang
2013 年 6 月 27 日
最近一直在听痛仰的歌 ,一点进去就是不错 。
germ
2013 年 6 月 27 日
真的不错!
sinchang
2013 年 6 月 27 日
@manoon 不是搞IT想试试,怎么更换歌曲 囧
manoon
2013 年 6 月 27 日
@sinchang

index.min.js 里面改FILENAME 和路径。
haichong520
2013 年 6 月 27 日
@manoon 不能吧,有这么神奇的软件。。。你那什么情况,怎么比我还恶劣的手段都使出来了,= =
virgil
2013 年 6 月 27 日
cool...
biaobiaoqi
2013 年 6 月 27 日
赞UI,有空学习下
liyandong
2013 年 6 月 27 日
声音控制按钮的位置有问题
isle
2013 年 6 月 28 日
佩服!UI真的很棒!听过《小宇》之后这两天一直在听。今天发现列表里有我喜欢的「逃跑计划」和「达达」~~ o(* ̄▽ ̄*)ブ
发现有两点:
1、播放按钮可点击区域太小了,这几天回家了没带鼠标垫,老是点不上;
2、音量条调节之后是不是自动收回会好一点,或者点空白区域收回也会舒服些吧;
3、以上仅仅是个人感觉,我不懂UI的~~ o(* ̄▽ ̄*)ブ
Mihuwa
2013 年 6 月 28 日
真心赞。
jasonchao
2013 年 6 月 28 日
可否加上“上一首”“下一首”?
isle
2013 年 6 月 28 日
第一首音乐是《小宇》,歌词和歌名是《公路之歌 》゜(⊙0⊙)
haichong520
2013 年 6 月 28 日
@isle 1,2 这个可以有,采纳。 后面小宇还在抢地盘的问题,应该是浏览器缓存。。。清一清更健康。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://study.congcong.us/t/71350

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX