更新记录

1.0.01(2021-09-10)

音频播放器插件


平台兼容性

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

音频播放器

描述

微信小程序、H5 音频播放器插件。

使用

采用easycom模式加载

属性 类型 必填 默认值 描述
poster String 封面
author String 演唱者
name String 音频名称
src String 音频链接
theme String light 主题 light、dark
loop Boolean false 是否循环播放
obeyMuteSwitch Boolean false 是否遵循系统静音开关
call Function 点击播放按钮回调方法 (传回当前播放src)

示例

<gurudin-audio
        src="https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3"
        poster="https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/7fbf26a0-4f4a-11eb-b680-7980c8a877b8.png"
        name="致爱丽丝"
        author="路德维希·范·贝多芬"
        :call="playCall"
        theme="dark"
        ref="audioPlayers"
    ></gurudin-audio>
/**
 * 点击播放回调方法
 * 停止其他正在播放的插件,只播放当前点击插件
 */
playCall(src) {
    vm.$refs.audioPlayers.forEach(e =>{
        if (src != e.src) {
            e.();
        }
    });
},

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

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