1. 前言
UniApp是一款基于Vue.js开发的跨平台框架，能够实现一次编写，多平台运行，包括iOS、Android、H5等多种平台。在UniApp开发中，实现音频播放与录制是常见的需求之一。本文将介绍UniApp实现音频播放与录制的技巧与实践。
2. 音频播放
2.1 原生实现
在UniApp中，可以使用uni.createInnerAudioContext方法来创建一个内部音频播放器，然后对其进行控制。实现代码如下：
const innerAudioContext = uni.createInnerAudioContext();
innerAudioContext.src = 'http://example.com/example.mp3';
innerAudioContext.play();
其中，src字段指定音频文件的路径，play()方法用于播放音频。需要注意的是，由于iOS系统在播放音频时需要用户交互才能播放，因此需要调用play方法时进行用户交互，例如在点击按钮时进行播放。
2.2 使用插件
除了原生实现外，UniApp还提供了插件机制，可以引入第三方插件以增强功能。在实现音频播放时，可以使用uni-audio插件来实现。实现代码如下：
<uni-audio src="http://example.com/example.mp3" controls autoplay></uni-audio>
其中，src字段指定音频文件的路径，controls属性用于显示控制栏，autoplay属性用于自动播放音频。
3. 音频录制
3.1 原生实现
在UniApp中，可以使用uni.startRecord和uni.stopRecord方法来录制音频。实现代码如下：
uni.startRecord({
success(res) {
console.log('录音路径：' + res.tempFilePath);
},
fail(err) {
console.log('录音失败：' + err.errMsg);
}
});
uni.stopRecord();
其中，startRecord方法用于开始录音，stopRecord方法用于停止录音。录音成功后，res.tempFilePath字段返回音频文件的临时路径。
3.2 使用插件
除了原生实现外，UniApp还提供了插件机制，可以引入第三方插件以增强功能。在实现音频录制时，可以使用uni-voice-recorder插件来实现。实现代码如下：
<uni-voice-recorder auto-record="{{true}}" bindcomplete="onComplete"></uni-voice-recorder>
其中，auto-record属性用于自动录制音频，bindcomplete属性用于设置录制完成后回调方法。
4. 总结
本文主要介绍了UniApp实现音频播放与录制的技巧与实践。对于音频播放，可以使用原生实现或使用插件，对于音频录制，也可以使用原生实现或使用插件，具体实现方式可以根据需求选择。通过本文的介绍，相信大家已经可以轻松实现音频播放与录制了。