更新记录

1.0.8（2022-10-24） 下载此版本

修复小程序平台报错

1.0.7（2022-10-14） 下载此版本

修改获取权限时机

1.修改获取权限时机，避免由于未获得权限导致首次长按时无法取消录音； 2.优化APP端提示文案（APP端触发longpress事件后，如果手指没有任何移动，则此时松手无法监听到touchEnd事件，小程序端无此问题）

1.0.6（2022-09-26） 下载此版本

优化震动反馈

平台兼容性

uni-app

nbVoiceRecord概述

• 这是个基于uni-app 符合uni_modules 的插件
• 无任何依赖、纯css动画
• nb是NeverBug的意思

主要功能

• 长按组件后弹出录音弹窗，松手完成录音，手指向上滑动可取消；
• 支持各种自定义，如弹窗高度、宽度、各处文字甚至声纹波形的尺寸和颜色；
• 已完成多端适配，自动根据授权情况提示完成授权、已获得授权才开始录音
• endRecord回调事件附带录音文件

动画预览

• 默认样式

• 自定义按钮为圆形(红背景、白字)、弹窗为正方形

基本用法：

<template>
    <view>
        <nb-voice-record @startRecord="start" @endRecord="end" @cancelRecord="cancel"></nb-voice-record>
    </view>
</template>

<script>
    methods: {
        start() {
            // 开始录音
        },
        end(event) {
            // 结束录音并处理得到的录音文件
            // event中，app端仅有tempFilePath字段，微信小程序还有duration和fileSize两个字段
        },
        cancel() {
            // 用户取消录音
        }
    }
</script>

全部支持参数

作者其他插件

• bwinBrand多端自适应企业官网、uniCloud云端一体【用户端】
• bwinBrand多端自适应企业官网、uniCloud云端一体【管理端】
• bwinAgent多端、多项目全民经纪人、uniCloud云端一体【经纪人端】
• bwinAgent多端、多项目全民经纪人、uniCloud云端一体【管理员端】
• 必闻优学，教育培训机构模板（单校区版，纯模板）

一个有趣的社区

• NeverBug.cn 弹幕式互动社区

联系作者

• ：
• Email：karma.zhao@gmail.com
• 官网：https://brand.neverbug.cn