炒鸡好看的 HTML5 音乐播放器： APlayer

[DIYgod]

是不是很好看呀，是不是，是不是...

GitHub ： https://github.com/DIYgod/APlayer

Demo ： https://www.anotherhome.net/file/APlayer

哇塞，上了 GitHub 的 Trending JavaScript repositories (≧∇≦)

上到了 GitHub 的 Trending 总榜 了！

[superxzr]

E 可赛艇

[xiao201261]

正想偷懒找个好看的 HTML5audio 样式呢 23333

[tcdw]

喜欢这个播放器的样式和 UI 。

感觉有了它，以后在博客等地方分享音乐更方便了。

[run2]

👍，有歌词显示的功能＋区域就更好了，放歌名下会不会怪？（只显示当前行）

[run2]

https://github.com/ted423/lrc-parser

[DIYgod]

@superxzr A 可屠羊

@sobigfish 正有歌词展示的计划，感谢歌词解析程序，省得自己写了 23333

[Andy1999]

没有手机端吗

[jimmy66]

喔喔，好赞，已 star

[Acirno]

赞一个

[DIYgod]

@Andy1999 还没。。已加入 todo 豪华晚餐

[Totato5749]

mac 字体渲染效果加成

[chui]

赞！

[DIYgod]

泥萌不要只收藏不回复呀😂

[shyling]

话说。。。感觉和网易云的外链播放器差不多外观啊

[DIYgod]

@shyling README 里也有说， UI 参考了网易云音乐外链播放器😂

[kiritoalex]

一颗赛艇！

[luoway]

标题党
大片空白就是败笔

[DIYgod]

@luoway 哪来的大片空白。。。

[echopan]

diygay 做的播放器好好看看

[DIYgod]

@echopan 啊你暴露了我的外号，我恨你

[flynnX]

进度只能拖动啊，如果能做成可以点选的就更好了

[DIYgod]

@flynnX 可以点选呀，鼠标移到进度条上变成小受的时候就能点了

[DIYgod]

@DIYgod 小手。。。对不起我污了。。。

[kn007]

。。再来个列表和歌词就完美了

[niceworld]

进度条拖动的识别范围稍微有点小 再大点就好了

[wenketel]

star 个

[azurefire]

把所有交互区域的可点击面积做的比看上去的再大一点就好了

[ldehai]

very good

[aofall]

DIYGay 好棒呀

[skylancer]

@DIYgod 这人太污了

[lanlanlan]

大家都在好好说话 你竟然污言以对 @DIYgay

[DIYgod]

@kn007 会有哒

@niceworld
@azurefire 感谢建议，待改善～

@skylancer
@lanlanlan 真是污脸见人了∠( ᐛ 」∠)＿

[Twinkle]

第一反应是和网易云音乐的外链播放器有点像 w 厉害，受我一拜！

[x990]

去污 diygay

[zjqzxc]

已 star

[whitefable]

真是超级好看 233333

[xifangczy]

star

[peinhu]

AetherPlayer 表示不服！ http://www.2ndrenais.com/aetherplayer

[liujiantao]

好看好看， star

[Andy1999]

@peinhu 好看！！！

[Roise]

DIYgod 好棒！

[echopan]

@peinhu 我去 收藏了

[kyonnn]

美~~~~~~~

[zy65334]

mark

[shyling]

@DIYgod 嗯。。我没去 github 看。。只看了图片 0 0 ， so...

[codeyung]

原谅的我眼睛！ AVPlayer :)逃~

[yuan93]

还没有切换按钮

[lilyswf]

挺不错，楼主要是能把暂停和播放之间切换的动效简单做一下就完美了。至少不要那么生硬地切换，用点运动曲线啥的。

[monk]

不就 iTunes alike 么

[caliy]

哈哈哈哈，不小心 get√到了奇怪的点，污力滔滔，先去 star 了

[fhefh]

mark~~~

[endpoint]

啊啊啊，太赞了。突然多了个小想法。多谢楼主

[DIYgod]

@codeyung AVPlayer 是真实存在的 https://itunes.apple.com/us/app/avplayer/id395680819?mt=8

[aprikyblue]

DIYloli 好棒！已 star

[heylogo]

第一反应，网易云音乐 哈哈

[heylogo]

With lyrics 模式，个人觉得遮挡歌词的阴影不好看，去掉更好

[run2]

多个时间的 lrc 解析不正确啊 楼主
比如
[ti:稳稳的幸福]
[ar:陈奕迅]
[t_time:(03:47 )]
[00:01.48] 稳稳的幸福
[00:02.39] 演唱：陈奕迅
[01:43.84] [00:07.88] 有一天
[01:45.96] [00:10.03] 我发现自怜资格都已没有
[01:51.14] [00:15.29] 只剩下不知疲倦的肩膀
[01:55.18] [00:19.36] 担负着简单的满足
[01:59.64] [00:23.49] 有一天

[DIYgod]

@sobigfish 原来还能这样写。。我现在只支持了一行一个时间的

[snakehnb]

好看

[Ricoo]

网站好像访问不了，翻墙好像也不行

[DIYgod]

@Ricoo linode 忘续费，主机被删了。。。。今天或者明天能恢复

[zgk]

好棒！！！
@sobigfish
@DIYgod 话说我以前写过一个可以解析多标签的 lrc 歌词的函数，或许用得上呢
http://blog.izgq.net/archives/75/

[DIYgod]

@sobigfish 已支持多时间标签~

@zgk 多谢，参考你的代码支持了多时间标签~