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

爱意满满的作品展示区。

This topic created in 4356 days ago, the information mentioned may be changed or developed.

http://jinzhe.net/music/

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

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

初始化

暂停

IE11

18 replies • 2014-12-04 11:47:43 +08:00

goodbest

Nov 29, 2014

很不错

typcn

Nov 29, 2014 via iPad

可惜不能后台

jinzhe

Nov 29, 2014

啥叫不能后台？

uestcfei

Nov 29, 2014

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

uestcfei

Nov 29, 2014

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

MinonHeart

Nov 29, 2014 via Android

手机表示滑动好困难

jinzhe

Nov 30, 2014

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

raccoon

Nov 30, 2014

不错..

catoncat

Nov 30, 2014 via Android

手机应该区分滑动和点击

xinghelee

Nov 30, 2014

很炫，准备也研究研究HTML5

wsph123

Nov 30, 2014 via iPhone

不错不错～

spoonwep

Dec 1, 2014 via iPhone

很喜欢UI

niuer

Dec 1, 2014

赞！

xianglin

Dec 1, 2014

很好，不错

jinzhe

Dec 2, 2014

增加了进度条和时间

PaulKing

Dec 2, 2014

很漂亮

kslr

Dec 2, 2014

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

jinzhe

Dec 4, 2014

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