Maison  >  Article  >  interface Web  >  Tutoriel d'exemple de fonction d'enregistrement et de lecture de mini-programme WeChat

Tutoriel d'exemple de fonction d'enregistrement et de lecture de mini-programme WeChat

小云云
小云云original
2017-12-25 14:58:343966parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Application de JSONAPI en PHPArticle suivant:Application de JSONAPI en PHP