Comment implémenter les fonctions d'enregistrement et de lecture dans le mini-programme WeChat-js tutoriel-php.cn

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

亚连

Libérer： 2018-06-15 16:21:57

original

3621 Les gens l'ont consulté

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) {
    //录音失败的处理函数
   }
  })

Copier après la connexion

Arrêter l'enregistrement :

wx.stopRecord()

Copier après la connexion

Lire l'enregistrement :

wx.playVoice({
 filePath: src // src可以是录音文件临时路径
})

Copier après la connexion

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 )
  });

Copier après la connexion

Démarrez l'enregistrement :

this.recorderManager.start({
   format: &#39;mp3&#39; // 如果录制acc类型音频则改成aac
});

Copier après la connexion

Fin de l'enregistrement :

this.recorderManager.stop()

Copier après la connexion

Lire l'audio :

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

Copier après la connexion

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