Maison > Article > interface Web > Comment implémenter les fonctions d'enregistrement et de lecture dans le mini-programme WeChat
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) { //录音失败的处理函数 } })
Arrêter l'enregistrement :
wx.stopRecord()
Lire l'enregistrement :
wx.playVoice({ filePath: src // src可以是录音文件临时路径 })
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 ) });
Démarrez l'enregistrement :
this.recorderManager.start({ format: 'mp3' // 如果录制acc类型音频则改成aac });
Fin de l'enregistrement :
this.recorderManager.stop()
Lire l'audio :
this.innerAudioContext = wx.createInnerAudioContext(); this.innerAudioContext.onError((res) => { // 播放音频失败的回调 }) this.innerAudioContext.src = this.data.src; // 这里可以是录音的临时路径 this.innerAudioContext.play()
J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.
Articles connexes :
Comment implémenter une animation offset et uniforme dans JS
Comment implémenter des cellules fusionnées dans un tableau dans Bootstrap
Comment obtenir la première valeur dans la liste déroulante de sélection en JavaScript
Comment obtenir et afficher le mot de passe en temps réel dans AngularJS
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!