原本是想总结一下h5场景中音频控制,以及在ios下音频不自动播放的问题,结果demo越做越大,最后变成了一个音乐播放器... /汗
那就干脆把它做完整吧。
界面:
预览地址:demo
功能:
- 播放、暂停、上一首、下一首、进度条、简易动效
总结:
- ios不支持audio自动播放,因此在document上绑定了touchstart事件来触发播放,如果是在微信中,可以监听微信的WeixinJSBridgeReady事件来触发,ios10亲测有效,其它手机没试。
- 没用现在大家喜欢的框架,使用了传统的zepto,感想是:dom操作真的很不舒服。
- 为了便于大家在pc上预览,使用了click事件,但没怎么对pc做兼容,还是建议大家用手机扫来看。
(本篇完。有疑问欢迎留言探讨, 也可以交个金钱朋友Buy me a coffee)
热门文章
- 微信小程序“拍照识图”上线(49,761)
- 基金助手--chrome浏览器插件(14,139)
- vue+tabs动态组件方案漫谈(13,625)
- 网页打印插件Print.js(12,360)
- px转rem/vw方法小结(8,060)
- 简易的上下循环滚动代码(7,424)
- qq表情在线制作器(7,367)
- 侧边滑出弹层插件mSlider.js(5,646)
- Vue模拟select多选(5,315)
- 前端项目集成工具 ProjectHub(5,148)