Maison  >  Article  >  interface Web  >  Comment implémenter les fonctions d'enregistrement et de lecture dans le mini-programme WeChat

Comment implémenter les fonctions d'enregistrement et de lecture dans le mini-programme WeChat

亚连
亚连original
2018-06-15 16:21:573574parcourir

Cet article présente principalement les fonctions d'enregistrement et d'enregistrement de lecture du mini programme WeChat. Le mini programme fournit deux API d'enregistrement, la fonction d'enregistrement de l'ancienne version et la fonction d'enregistrement de la nouvelle version. Les amis dans le besoin peuvent s'y référer

. 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'audio Adresse temporaire

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可以是录音文件临时路径
})

La nouvelle version de l'enregistrement

obtient le gestionnaire d'enregistrement unique au monde, puis tous les enregistrements en dépendent, 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()

Lire l'audio :

this.innerAudioContext = wx.createInnerAudioContext();
  this.innerAudioContext.onError((res) => {
   // 播放音频失败的回调
  })
  this.innerAudioContext.src = this.data.src; // 这里可以是录音的临时路径
  this.innerAudioContext.play()

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles connexes :

Comment implémenter une animation offset et uniforme dans JS

Comment implémenter des cellules fusionnées dans un tableau dans Bootstrap

Comment obtenir la première valeur dans la liste déroulante de sélection en JavaScript

Comment obtenir et afficher le mot de passe en temps réel dans AngularJS

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