Taro(React+TS)基于InnerAudioContext封装一个基本的音频组件(uni-app(vue)后续更新)
为什么要封装一个音频组件
主要因为微信小程序官方的audio不维护了,并且在很多iOS真机上确实也存在点击无法播放,总时长不显示等问题.
音频组件的要求与限制
点击播放或者暂停
显示播放进度及总时长
通过图标变化显示当前音频所处状态(暂停/播放/加载中)
页面音频更新时刷新组件状态
全局有且只有一个音频处于播放状态
离开页面之后要自动停止播放并销毁音频实例
材料:
icon_loading.gif
icon_playing.png
icon_paused.png
InnerAudioContext提供
原创
2020-07-25 19:18:53 ·
1106 阅读 ·
0 评论