Heim > Web-Frontend > js-Tutorial > Beispiel-Tutorial zur Aufnahme- und Wiedergabeaufzeichnungsfunktion des WeChat-Miniprogramms

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

小云云
Freigeben: 2017-12-25 14:58:34
Original
3972 Leute haben es durchsucht

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

Aufnahme stoppen:

wx.stopRecord()
Nach dem Login kopieren

Aufnahme abspielen:

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

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 )
  });
Nach dem Login kopieren

Aufnahme starten:

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

Aufnahme beenden:

this.recorderManager.stop()
Nach dem Login kopieren

Audio abspielen:

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

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage