In diesem Artikel werden hauptsächlich die Aufnahme- und Wiedergabeaufzeichnungsfunktionen des WeChat-Miniprogramms vorgestellt. Das Miniprogramm bietet zwei Aufnahme-APIs, die Aufnahmefunktion der alten Version und die Aufnahmefunktion der neuen Version.
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 Datei abzurufen Audio Temporäre Adresse
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
Holen Sie sich den weltweit einzigartigen Aufnahmemanager, und dann hängt die Aufnahme davon ab, und für die Wiedergabe der Aufnahme ist das interne Audiokontext-innerAudioContext-Objekt 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()
Das Obige habe ich für alle zusammengestellt und hoffe, dass es in Zukunft für alle hilfreich sein wird.
Verwandte Artikel:
So implementieren Sie versetzte und einheitliche Animationen in JS
So implementieren Sie in einer Tabelle zusammengeführte Zellen in Bootstrap
So erhalten Sie den ersten Wert im Auswahl-Dropdown-Feld in JavaScript
Wie Sie das Passwort in AngularJS in Echtzeit abrufen und anzeigen
Das obige ist der detaillierte Inhalt vonSo implementieren Sie Aufnahme- und Wiedergabefunktionen im WeChat-Miniprogramm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!