08032016

之前在《关于sMusic第二版的一些想法》一文中提到过的sMusic对移动端的支持,时隔4个月,sMusic移动版终于发布了。耗时这么长,确实不应该,但也是无法避免的,个中缘由,不足与外人道也。好在,今天他终于出生了。
目前已经测试了iPhone(ios 9.2.1),小米2(Android 5.0.2,MUI 7.1.5.0)两个手机版本,显示正常;手中设备有限,不足以测试全部(目标是支持IOS 6.0 + ,以及Android 4.4 + 其余版本不做考虑),有兴趣的同学可帮忙测试一下,先来看下iPhone中的截图:

效果图
水墨寒的博客
项目地址

http://www.smohan.net/lab/smusic_paid.html

DEMO演示

请用手机扫描下面二维码

水墨寒的博客
亮点
  1. 歌词可拖动,便于查看全部歌词
  2. 标题过长时,点击标题,可自行滚动,便于查看全部标题
  3. 歌词中加入锁机制,拖动后并且在无操作的情况下,2秒后会自动定位到当前播放的时间段对应歌词上
  4. 点击播放模式,自动切换模式,并且会提示当前播放模式
已知BUG
  1. 手机锁屏后,音乐无法在微信,QQ等内置浏览器等后台继续播放,暂时不知道如何解决(权限问题吧),Safari浏览器中正常。
项目地址

http://www.smohan.net/lab/smusic_paid.html

欢迎再评论中提交BUG(请注明机型),欢迎告知如何在手机锁屏后,在后台继续播放

 
延伸阅读
  1. HTML5音乐列表播放器SMusic开发总结
  2. 关于sMusic第二版的一些想法
 
发布观点
加载更多...
即将启用新域名 smohan.im  smohan.net将作为静态存储域名使用,请关注smohan.im动态