Maison > Article > interface Web > Tutoriel d'exemple de fonction d'enregistrement et de lecture de mini-programme WeChat
Cet article présente principalement les fonctions d'enregistrement et de lecture de l'applet WeChat. L'applet fournit deux API d'enregistrement, l'ancienne version de la fonction d'enregistrement et la nouvelle version de la fonction d'enregistrement. J'espère que les amis dans le besoin pourront s'y référer. cela peut aider tout le monde.
Deux API d'enregistrement sont fournies dans le mini programme
Ancienne version de la fonction d'enregistrement
Démarrez d'abord l'enregistrement, puis arrêtez l'enregistrement pour extraire l'adresse temporaire de l'audio
Démarrer l'enregistrement :
var that = this; wx.startRecord({ success: function (res) { // 调用了停止录音接口就会触发这个函数,res.tempFilePath为录音文件临时路径 var tempFilePath = res.tempFilePath that.setData({ src: tempFilePath }) }, fail: function (res) { //录音失败的处理函数 } })
Arrêter l'enregistrement :
wx.stopRecord()
Lire l'enregistrement :
wx.playVoice({ filePath: src // src可以是录音文件临时路径 })
Nouvelle version de l'enregistrement
Obtenir le gestionnaire d'enregistrement unique au monde, puis l'enregistrement en dépendent tous, et la lecture de l'enregistrement nécessite l'objet innerAudioContext de contexte audio interne.
Obtenez le gestionnaire d'enregistrement unique au monde :
var that = this; this.recorderManager = wx.getRecorderManager(); this.recorderManager.onError(function(){ // 录音失败的回调处理 }); this.recorderManager.onStop(function(res){ // 停止录音之后,把录取到的音频放在res.tempFilePath that.setData({ src: res.tempFilePath }) console.log(res.tempFilePath ) });
Démarrez l'enregistrement :
this.recorderManager.start({ format: 'mp3' // 如果录制acc类型音频则改成aac });
Fin de l'enregistrement :
this.recorderManager.stop()
Lisez l'audio :
this.innerAudioContext = wx.createInnerAudioContext(); this.innerAudioContext.onError((res) => { // 播放音频失败的回调 }) this.innerAudioContext.src = this.data.src; // 这里可以是录音的临时路径 this.innerAudioContext.play()
Recommandations associées :
Implémentation JS de la fonction de glissement gauche et droite de l'applet WeChat
Implémentation de l'applet WeChat méthode d'affichage de la fonction de liste déroulante
Résumé des fonctions du programme WeChat Mini
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!