Comment uniapp implémente la fonction d'enregistrement : utilisez la fonction [uni.getRecorderManager()] pour l'implémenter, le code est [methods : {startRecord() {console.log('Start Recording'); ].
L'environnement d'exploitation de ce tutoriel : système Windows7, version uni-app2.5.1, ordinateur Dell G3.
Comment uniapp implémente la fonction d'enregistrement :
Vous devez l'utiliser iciuni.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(); } }, } }
Ce paragraphe ne peut pas être lu lorsque le téléphone Apple est coupé
uni.setInnerAudioOption({ obeyMuteSwitch: false })
La démonstration d'enregistrement ici utilise le plug-in luno-audio
,
Recommandé (gratuit) : tutoriel de développement uni-app
Vous devez introduire l'importation de luchAudio depuis '@/components/luch-audio/luch-audio.vue', vous inscrire (il suffit de vous inscrire dans les composants) et d'utiliser
<view class="audioPlay"> <button @tap="startRecord">开始录音</button> <button @tap="endRecord">停止录音</button> <button @tap="playVoice">播放录音</button> </view> <luch-audio v-if="audioContent" :src="audioContent" :play.sync="audioPlayNew" ></luch-audio>
pour ajouter et exécuter Can.
Recommandations d'apprentissage gratuites associées : Vidéos de programmation
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!