更新记录

1.0.6(2021-03-21)

更新readme

1.0.5(2021-03-20)

只能播放本身 指定src

1.0.4(2021-03-20)

只保留一个play方法 用来控制播放暂停

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × ×

zzlb-audio-play

普通的音频播放组件,点击即可播放

调用方法

```html
    <zzlb-audio-play src="1.mp3"></zzlb-audio-play>
```

接受插槽修改内容

```html
    <zzlb-audio-play v-for="(mp3, mp3index) in recordlist.filter(f => f.page_id == currentitem.storypage_id)" :src="$httpurl(mp3.url)">
      <template #default="{isplaying}">
        <view class="text-center padding flex align-center">
          <button class="cu-btn shadow lg flex-direction" :class="{ 'bg-green': isplaying, 'bg-red': !isplaying }">
            <text :class="{ 'cuIcon-playfill': !isplaying, 'cuIcon-stopfill': isplaying }"></text>
            <view class=" text-sm">{{ (mp3.duration / 1000).toFixed(0) }}s语音</view>
            <view class=" text-sm">{{ mp3.create_time }}</view>
          </button>
          <view @click.stop="onremovemp3(mp3)" class=" text-xsl cuIcon-close" v-if="mp3.read_id == read.read_id"></view>
        </view>
      </template>
    </zzlb-audio-play>
```

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问