微信小程序开发中的麦克风录音和音频上传

最新推荐文章于 2025-01-16 10:15:28 发布

CyMylive.

最新推荐文章于 2025-01-16 10:15:28 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序开发入门指南之新手必学内容文章标签：微信小程序音视频 notepad++

本文链接：https://blog.csdn.net/qq_34910341/article/details/133372864

微信小程序开发入门指南之新手必学内容专栏收录该内容

1187 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了微信小程序如何实现麦克风录音及音频上传。从添加录音按钮开始，通过wx.getRecorderManager()获取录音管理器，设定录音时长、格式和参数。录音结束后，获取临时路径并上传文件，需在app.json配置服务器访问权限。文中还提供了上传按钮的实现，使用wx.uploadFile()上传音频文件。

微信小程序开发中，麦克风录音和音频上传非常常见。下面将详细介绍如何使用微信小程序开发工具进行麦克风录音和音频上传。

一、麦克风录音

首先在wxml文件中添加一个录音按钮，用于触发录音操作：

<button type="primary" bindtap="startRecord">开始录音</button>

然后在js文件中定义startRecord事件，用于开始录音：

data:{
    isRecord:false,
    filePath:'',
    recordingTime:0
},
startRecord:function(){
    this.setData({
        isRecord:true
    })
    const recorderManager = wx.getRecorderManager()
    recorderManager.onStart(() => {
        console.log('recorder start')
    })
    recorderManager.onError((res) => {
        console.log(res)
    })
    recorderManager.onStop((res) => {
        console.log('recorder stop', res)
        this.setData({
            filePath: res.tempFilePath
        })
    })
    co

了解本专栏