Beispiel-Tutorial zur Aufnahme- und Wiedergabeaufzeichnungsfunktion des WeChat-Miniprogramms

In diesem Artikel werden hauptsächlich die Aufnahme- und Wiedergabefunktionen des WeChat-Applets vorgestellt, die alte Version der Aufnahmefunktion und die neue Version der Aufnahmefunktion es kann jedem helfen.

Im Miniprogramm stehen zwei Aufnahme-APIs zur Verfügung

Alte Version der Aufnahmefunktion

Starten Sie zuerst die Aufnahme und stoppen Sie dann die Aufnahme, um die temporäre Adresse des Audios abzurufen

Aufnahme starten:

var that = this;
  wx.startRecord({
   success: function (res) {
    // 调用了停止录音接口就会触发这个函数，res.tempFilePath为录音文件临时路径
    var tempFilePath = res.tempFilePath
    that.setData({
     src: tempFilePath
    })
   },
   fail: function (res) {
    //录音失败的处理函数
   }
  })

Aufnahme stoppen:

wx.stopRecord()

Aufnahme abspielen:

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

Neue Version der Aufnahme

Get Der weltweit einzigartige Aufnahmemanager und die anschließende Aufnahme hängen alle davon ab. Für die Wiedergabe der Aufnahme ist das innere Audiokontextobjekt innerAudioContext erforderlich.

Holen Sie sich den weltweit einzigartigen Aufnahmemanager:

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

Aufnahme starten:

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

Aufnahme beenden:

this.recorderManager.stop()

Audio abspielen:

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

Verwandte Empfehlungen:

JS-Implementierung der linken und rechten Schiebefunktion des WeChat-Applets

Implementierung des WeChat-Applets Dropdown-Listenfunktion anzeigen Methode

Zusammenfassung der WeChat Mini-Programmfunktionen

Das obige ist der detaillierte Inhalt vonBeispiel-Tutorial zur Aufnahme- und Wiedergabeaufzeichnungsfunktion des WeChat-Miniprogramms. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!