实例详解uniapp如何实现电话录音功能「附代码」

1. 什么是uniapp？

Uni-app是一个使用Vue.js开发跨平台应用的前端框架。开发者通过uni-app可以开发出一套代码，同时打包为H5、小程序、App等多端，这样在开发过程中就省去了重复开发、重复维护等诸多问题，提高了开发效率。uni-app基于目前最流行的前端框架Vue.js设计，结合了现有生态经验的最佳实践，使开发者可以快速上手；而且uni-app提供了丰富的组件和接口以及灵活的扩展机制，同时还支持类型静态检查工具以及按需引入等功能。当前，uni-app已经被广泛应用于各类H5、小程序以及App的开发中。

2. 实现电话录音功能步骤

2.1 获取权限

录音需要获取用户手动授权，可以使用微信提供的API，uni-app也对此进行了封装。

// 获取录音授权
uni.authorize({
  scope: 'scope.record',
  success() {
    // 授权成功
  },
  fail() {
    // 授权失败
  }
});

执行上述代码后，用户会看到一个授权提示框，询问是否允许使用录音功能。同意后，success回调被触发，我们就可以正式开始录音了。

2.2 开始录音

开始录音，可以使用uni-app提供的uni.getRecorderManager()方法获取录音管理器实例，再调用start()方法开始录音。

// 获取录音管理器实例
const recorderManager = uni.getRecorderManager();
// 开始录音
recorderManager.start({
  duration: 60000, // 录音时长，单位ms
  format: 'mp3', // 录音格式
  sampleRate: 16000, // 采样率
  encodeBitRate: 96000, // 码率
  numberOfChannels: 1 // 声道数
});

执行上述代码后，录音管理器会开始录音并生成音频文件，同时会触发一系列事件，包括开始录音、录音中、录音结束、录音出错等，开发者可以通过监听这些事件来实现具体的业务逻辑。

2.3 停止录音

录音结束，可以使用stop()方法停止录音。

// 停止录音
recorderManager.stop();

执行上述代码后，会触发录音结束事件。在录音结束事件中，我们可以获取到音频文件的地址，并将其上传到服务器。

2.4 上传音频文件

上传音频文件，可以使用uni-app提供的uni.uploadFile()方法，它支持上传文件和表单数据。

// 上传音频文件
uni.uploadFile({
  url: 'https://yourserver.com/upload.php', // 上传接口地址
  filePath: res.tempFilePath, // 音频文件地址
  name: 'file', // 上传文件表单名称
  success: function (res) {
    if (res.statusCode === 200) {
      console.log('上传成功');
    } else {
      console.log('上传失败');
    }
  },
  fail: function (res) {
    console.log('上传失败');
  }
});

执行上述代码后，就可以将音频文件上传到服务器了。

3. 完整代码

综合上述步骤，可以得到如下完整代码。

async function startRecord(){
  try {
    await uni.authorize({
      scope: 'scope.record'
    })
    recorderManager.start({
      format: 'mp3',//文件格式
      sampleRate: 16000,//采样率
      encodeBitRate: 96000,//码率
      numberOfChannels:1,//录音通道数
      frameSize: 50,
      duration: 600000,//录音时长
      pauseResumeDuration: 300000, // 录音暂停后重新开始的时长
      _duration: 0,//实际录音时长
      //开始录音回调
      onStart(){
        console.log('****** 录音开始 ******');
      },
      //录音中回调
      onFrameRecorded( res ){
        console.log('****** 录音中 ******');
      },
    });
    setTimeout(()=>{
        RecorderManager.stop()
    }, 10000)
  } catch (e) {
    console.log(e)
  }
}
recorderManager.onStop((res) => {
  console.log('文件地址：', res.tempFilePath)
  uni.uploadFile({
    url: 'https://yourserver.com/upload.php',
    filePath: res.tempFilePath,
    name: 'file',
    success: function (res) {
      console.log('上传成功')
    },
    fail: function (res) {
      console.log('上传失败')
    }
  })
})

4. 总结

通过以上步骤，我们可以在uni-app中实现电话录音功能。具体来说，我们需要先获取录音授权，然后使用录音管理器实例开始录音并在录音结束后上传音频文件。在实际开发过程中，我们还需要根据业务需求对上述步骤进行定制化，比如设置录音时长、录音格式等参数，此外还需要考虑录音过程中出错的情况，以及保证用户的隐私安全等问题。通过综合考虑这些因素并应用到实际开发中，我们就可以开发出高质量的电话录音应用。