uniapp录音功能和音频播放功能制作

录音功能

在 UniApp 中，你可以使用 uni.getRecorderManager() 方法来创建一个录音管理器实例，从而实现录音功能。

以下是一个示例，演示了如何在 UniApp 中使用 uni.getRecorderManager() 实现录音功能：

// 在需要录音的页面或组件中
export default {
  data() {
    return {
      isRecording: false, // 是否正在录音
      recorderManager: null, // 录音管理器实例
      recordFilePath: '' // 录音文件路径
    }
  },
  methods: {
    startRecord() {
      this.recorderManager = uni.getRecorderManager();
      this.recorderManager.onStart(() => {
        console.log('开始录音');
        this.isRecording = true;
      });
      this.recorderManager.onStop(res => {
        console.log('停止录音', res);
        this.isRecording = false;
        this.recordFilePath = res.tempFilePath; // 录音文件路径
      });
      this.recorderManager.start({
        format: 'mp3' // 录音格式，可选值：aac/mp3
      });
    },
    stopRecord() {
      this.recorderManager.stop();
    }
  }
}

在上述代码中，我们定义了一个数据属性 isRecording 来表示是否正在录音，以及一个 recorderManager 变量用于存储录音管理器实例和录音文件路径的 recordFilePath。

通过 uni.getRecorderManager() 创建录音管理器实例，并通过 onStart 和 onStop 方法分别监听录音开始和录音停止事件。在开始录音时，将 isRecording 设置为 true，并在停止录音时将其设置为 false。同时，在停止录音时，可以从 res.tempFilePath 中获取到录音文件的临时路径。

通过调用 start() 方法开始录音，并可以传递一个参数对象来指定录音格式，如上述示例中的 'mp3'。另外，通过 stop() 方法可以停止录音。

音频播放

在UniApp中，可以使用uni.createInnerAudioContext方法创建一个内部音频上下文对象，然后通过该对象进行音频的播放。下面是一个示例代码：

// 在需要播放音频的页面或组件中调用播放方法
playAudio() {
  const audioContext = uni.createInnerAudioContext();
  audioContext.src = 'https://example.com/audio.mp3'; // 替换为你的音频文件地址
  audioContext.autoplay = true;
  
  audioContext.play();
 
  audioContext.onPlay(() => {
    console.log('音频播放开始');
  });
 
  audioContext.onError((err) => {
    console.error(err);
  });
}

在上述代码中，首先使用uni.createInnerAudioContext方法创建一个内部音频上下文对象。然后，通过给src属性赋值指定音频文件的URL，设置autoplay属性为true以自动播放。

使用play方法启动音频的播放。同时，通过onPlay方法监听音频播放开始的事件，在回调函数中可以执行相关操作，比如更新UI状态。

如果播放过程中出现错误，可以通过onError方法监听错误事件，并在回调函数中处理错误信息。

需要注意的是，需要将src参数替换为你自己的音频文件地址。

此外，还可以使用其他音频控制方法，例如pause暂停播放、stop停止播放等，以及监听相应的事件，根据实际需求进行处理。

以上示例代码仅为简单示例，具体的实现可能会根据项目需求而有所变化。