uniapp實現錄音功能的方法：使用函數【uni.getRecorderManager()】實現，代碼為【methods: {startRecord() {console.log('開始錄音');this.recorderManager】。

本教程操作環境：windows7系統、uni-app2.5.1版本，該方法適用于所有品牌電腦。

推薦(免費)：

uniapp實現錄音功能的方法：

這里就需要用到uni.getRecorderManager()export default {

data: {

recorderManager: {},

innerAudioContext: {},

},

onLoad(options) {

this.recorderManager = uni.getRecorderManager();

this.innerAudioContext = uni.createInnerAudioContext();

// 為了防止蘋果手機靜音無法播放

uni.setInnerAudioOption({

obeyMuteSwitch: false

})

this.innerAudioContext.autoplay = true;

console.log("uni.getRecorderManager()",uni.getRecorderManager())

let self = this;

this.recorderManager.onStop(function (res) {

console.log('recorder stop' + JSON.stringify(res));

self.voicePath = res.tempFilePath;

});

},

methods: {

startRecord() {

console.log('開始錄音');

this.recorderManager.start();

},

endRecord() {

console.log('錄音結束');

this.recorderManager.stop();

},

playVoice() {

console.log('播放錄音');

console.log('this.voicePath',this.voicePath);

if (this.voicePath) {

this.innerAudioContext.src = this.voicePath;

this.innerAudioContext.play();

}

},

}

}

這一段是蘋果手機靜音時無法播放uni.setInnerAudioOption({

obeyMuteSwitch: false

})

這里錄音展示是使用了插件luno-audio，

需要引入import luchAudio from '@/components/luch-audio/luch-audio.vue'、注冊(在components內注冊即可)并使用

開始錄音

停止錄音

播放錄音

v-if="audioContent"

:src="audioContent"

:play.sync="audioPlayNew"

>

添加后運行即可。相關免費學習推薦：

總結

以上是生活随笔為你收集整理的uni —app 录音_uniapp如何实现录音功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。