How to realize the Development of recording and playback by WeChat Mini Programs
This article mainly introduces how WeChat Mini Programs realizes the development of recording and playback recording, which has a certain reference value. Interested friends can refer to it. I hope you will gain a lot after reading this article. Let the editor take you to know it.
With regard to the development of WeChat Mini Programs recording and playback recording, Mini Program provides two kinds of recording API.
Old recording function
First start the recording, then stop the recording to pull to the temporary address of the audio
Start recording:
Var that = this
Wx.startRecord ({
Success: function (res) {
/ / this function is triggered when the API to stop recording is called. Res.tempFilePath is the temporary path to the recording file.
Var tempFilePath = res.tempFilePath
That.setData ({
Src: tempFilePath
})
}
Fail: function (res) {
/ / handling function of recording failure
}
})
Stop recording:
Wx.stopRecord ()
Play the recording:
Wx.playVoice ({
FilePath: src / / src can be the temporary path to the recording file
})
New version of recording
Get a globally unique recording manager, and then the recording depends on him, while playing the recording requires an internal audio context innerAudioContext object.
Get a globally unique recording manager:
Var that = this
This.recorderManager = wx.getRecorderManager ()
This.recorderManager.onError (function () {
/ / callback processing of recording failure
})
This.recorderManager.onStop (function (res) {
/ / after the recording is stopped, put the recorded audio on res.tempFilePath
That.setData ({
Src: res.tempFilePath
})
Console.log (res.tempFilePath)
})
Start recording:
This.recorderManager.start ({
Format: 'mp3' / / change it to aac if recording acc type audio
})
End the recording:
This.recorderManager.stop ()
Play audio:
This.innerAudioContext = wx.createInnerAudioContext ()
This.innerAudioContext.onError ((res) = > {
/ / callback of failed audio playback
})
This.innerAudioContext.src = this.data.src; / / this can be the temporary path for recording
This.innerAudioContext.play ()
Thank you for reading this article carefully. I hope the article "how to realize the Development of recording and playback by WeChat Mini Programs" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support and pay attention to the industry information channel. More related knowledge is waiting for you to learn!
