一个简单的音乐播放器

2013-06-05 17:27:05 +08:00
 haichong520
一首歌,一张封面,一段歌词。

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



求测试,求吐槽,求拍砖
demo: http://www.xiaoqian.org/project/player/
11304 次点击
所在节点    分享创造
57 条回复
MasterYoda
2013-06-14 17:02:41 +08:00
痛仰脑残粉发现点进去是公路之歌。不错。
manoon
2013-06-26 21:26:31 +08:00
http://rec.soundfrag.com

我也抄了一抄,哈哈。加了个上传功能。
aeryen
2013-06-26 21:52:12 +08:00
@manoon 图片右边有一个像素没对齐
manoon
2013-06-26 23:35:11 +08:00
@aeryen

发天脖子不疼了,看能调回来不。。。
haichong520
2013-06-26 23:54:21 +08:00
@manoon nice,歌也nice,不过貌似歌词没对上歌曲。。歌词时间戳。。。
haichong520
2013-06-27 00:15:42 +08:00
@manoon 额,貌似你那儿歌词面板又多出一个像素,哈!我发现100%的宽度怎么弄都凑不齐,我有点暴脾气了,用了一招非常恶劣的手段,把控制面板的宽度100%飙到100.1%
manoon
2013-06-27 00:43:30 +08:00
@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-06-27 09:06:15 +08:00
最近一直在听痛仰的歌 ,一点进去就是不错 。
saggit
2013-06-27 12:59:14 +08:00
真的不错!
sinchang
2013-06-27 13:52:14 +08:00
@manoon 不是搞IT想试试,怎么更换歌曲 囧
manoon
2013-06-27 14:30:13 +08:00
@sinchang

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

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

https://www.v2ex.com/t/71350

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

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

© 2021 V2EX