1.2.0 • Published 2 years ago

taro-background-audio v1.2.0

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

代码借鉴 taro-audio 开发的背景播放版本!!!

若需要小程序在退到后台后继续播放音频,你需要在 app.json 中配置 requiredBackgroundModes 属性,详见:微信小程序官方文档

代码演示

引入

    import TaroBackgroundAudio from 'taro-background-audio';

基础用法

通过src属性设置音频资源的地址

    <TaroBackgroundAudio src={'你的路径'}/>

lvruHP.png

显示音频名称

通过title属性显示音频名称

    <TaroBackgroundAudio src={'你的路径'} title='泡沫'/>

lvr39g.png

显示作者

通过singer属性显示音频作者

<TaroBackgroundAudio src={'你的路径'} title='泡沫' singer='邓紫棋'/>

lvr83Q.png

进度条是否可拖拽

通过draggable设置

 <TaroBackgroundAudio src={'你的路径'} title='泡沫' singer='邓紫棋' draggable={false}/>

lvrnBt.png

设置海报

通过coverImgUrl设置

<TaroBackgroundAudio src={'你的路径'} title='泡沫' singer='邓紫棋' draggable coverImgUrl={'你的路径'}/>

lxn3vj.png

Props

参数说明类型默认值是否必须
src音频资源的地址string
title音频名称string未知
singer音频作者string未知
coverImgUrl音频海报string
autoPlay是否自动播放booleantrue
loopPlay是否循环播放booleanfalse
draggable是否可以拖动进度条booleantrue
onPlay当开始/继续播放时触发play事件eventHandle
onPause当暂停播放时触发 pause 事件eventHandle
onEnded当播放到末尾时触发 ended 事件eventHandle
onTimeUpdate当播放进度改变时触发 timeupdate 事件,detail = {currentTime, duration}eventHandle
onError当发生错误时触发 error 事件,detail = {errMsg}eventHandle