HTML5 Audio+虾米接口做的在线音乐试听

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 4022 天前的主题，其中的信息可能已经有所发展或是发生改变。

http://jinzhe.net/music/

1.支持播放暂停
2.支持自动播放下一首
3.支持键盘方向控制下首上首歌曲。
4.支持随机、顺序、单曲模式
5.支持初始化、播放、暂停、等回调事件。

经过测试IE11、chrome系、火狐、safari、IOS、安卓可以正常运行。

初始化

暂停

IE11

18 条回复 2014-12-04 11:47:43 +08:00

goodbest

2014-11-29 21:45:29 +08:00

很不错

typcn

2014-11-29 21:58:44 +08:00 via iPad

可惜不能后台

jinzhe

2014-11-29 22:19:37 +08:00

啥叫不能后台？

uestcfei

2014-11-29 22:32:51 +08:00

楼主有bug吧。。。。。。歌曲变了，但是显示的没有变。。。。

uestcfei

2014-11-29 22:33:25 +08:00

整体还是不错的，赞一个！！

MinonHeart

2014-11-29 23:54:29 +08:00 via Android

手机表示滑动好困难

jinzhe

2014-11-30 00:14:53 +08:00

@MinonHeart 刚做出来还得继续优化。

raccoon

2014-11-30 00:47:24 +08:00

不错..

crs0910

2014-11-30 01:05:25 +08:00 via Android

手机应该区分滑动和点击

jianleer

2014-11-30 09:48:56 +08:00

很炫，准备也研究研究HTML5

wsph123

2014-11-30 14:58:58 +08:00 via iPhone

不错不错～

spoonwep

2014-12-01 09:17:29 +08:00 via iPhone

很喜欢UI

niuer

2014-12-01 10:12:12 +08:00

赞！

xianglin

2014-12-01 23:57:15 +08:00

很好，不错

jinzhe

2014-12-02 02:55:44 +08:00

增加了进度条和时间

PaulKing

2014-12-02 11:04:14 +08:00

很漂亮

kslr

2014-12-02 16:46:18 +08:00

头部那样小泡泡的是如何设计的

jinzhe

2014-12-04 11:47:43 +08:00

@kslr 是利用HTML5 canvas画圆形让他变化透明和位置偏移。