Maison interface Web js tutoriel Comment implémenter les fonctions d'enregistrement et de lecture dans le mini-programme WeChat

Comment implémenter les fonctions d'enregistrement et de lecture dans le mini-programme WeChat

Jun 15, 2018 pm 04:21 PM
enregistrement 微信小程序

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) {
    //录音失败的处理函数
   }
  })
Copier après la connexion

Arrêter l'enregistrement :

wx.stopRecord()
Copier après la connexion

Lire l'enregistrement :

wx.playVoice({
 filePath: src // src可以是录音文件临时路径
})
Copier après la connexion

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 )
  });
Copier après la connexion

Démarrez l'enregistrement :

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

Fin de l'enregistrement :

this.recorderManager.stop()
Copier après la connexion

Lire l'audio :

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

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Le mini-programme Xianyu WeChat est officiellement lancé Le mini-programme Xianyu WeChat est officiellement lancé Feb 10, 2024 pm 10:39 PM

Le mini programme WeChat officiel de Xianyu a été lancé discrètement. Dans le mini programme, vous pouvez publier des messages privés pour communiquer avec les acheteurs/vendeurs, afficher les informations personnelles et les commandes, rechercher des articles, etc. Si vous êtes curieux, qu'est-ce que le mini Xianyu WeChat. programme appelé ? Jetons un coup d'oeil. Quel est le nom de l'applet Xianyu WeChat ? Réponse : Xianyu, transactions inutilisées, ventes d'occasion, valorisations et recyclage. 1. Dans le mini programme, vous pouvez publier des messages inactifs, communiquer avec des acheteurs/vendeurs via des messages privés, afficher des informations personnelles et des commandes, rechercher des articles spécifiés, etc. 2. Sur la page du mini programme, il y a une page d'accueil, à proximité, publier des messages inactifs et les miens 5 fonctions ; 3. Si vous souhaitez l'utiliser, vous devez activer le paiement WeChat avant d'acheter ;

Comment enregistrer des appels sur iPhone Comment enregistrer des appels entrants sur iPhone Comment enregistrer des appels sur iPhone Comment enregistrer des appels entrants sur iPhone Feb 22, 2024 pm 05:52 PM

Après avoir passé un appel, appuyez longuement pour enregistrer l'écran dans le centre de contrôle et allumez le microphone pour enregistrer. Modèle applicable du tutoriel : iPhone13 Système : IOS15.3 Analyse 1 Recherchez et cliquez d'abord sur la fonction téléphone sur le bureau du téléphone mobile. 2 Composez d'abord un numéro, puis faites glisser votre doigt vers le bas de l'écran pour afficher le centre de contrôle. 3 Appuyez ensuite longuement sur l'icône d'enregistrement d'écran dans le centre de contrôle. 4. Cliquez ensuite sur la page contextuelle pour activer le microphone. 5 Ensuite, une fois le microphone activé, cliquez sur l'option Démarrer l'enregistrement. 6. Lorsque vous voyez la durée d'enregistrement commencer, vous pouvez revenir à l'interface d'appel. 7. Une fois l'appel terminé, entrez à nouveau dans le centre de contrôle et cliquez sur le bouton d'enregistrement pour arrêter l'enregistrement. 8L'enregistrement final de l'appel téléphonique sera enregistré dans votre album photo sous forme d'enregistrement d'écran. Supplément : la raison pour laquelle l'iPhone n'a pas de fonction d'enregistrement d'appels 1 est cruciale

Étapes simples pour enregistrer sur un téléphone vivo Étapes simples pour enregistrer sur un téléphone vivo Mar 26, 2024 pm 09:11 PM

1. Recherchez et cliquez d'abord sur [Enregistreur] sur le bureau du téléphone vivo. 2. Cliquez sur le bouton d'enregistrement rouge dans le coin inférieur gauche pour démarrer l'enregistrement. 3. Une fois l'enregistrement terminé, cliquez sur le bouton dans le coin inférieur droit pour terminer l'enregistrement et le sauvegarder.

L'applet WeChat implémente la fonction de téléchargement d'images L'applet WeChat implémente la fonction de téléchargement d'images Nov 21, 2023 am 09:08 AM

L'applet WeChat implémente la fonction de téléchargement d'images Avec le développement de l'Internet mobile, l'applet WeChat est devenue un élément indispensable dans la vie des gens. Les mini-programmes WeChat fournissent non seulement une multitude de scénarios d'application, mais prennent également en charge les fonctions définies par les développeurs, notamment les fonctions de téléchargement d'images. Cet article présentera comment implémenter la fonction de téléchargement d'images dans l'applet WeChat et fournira des exemples de code spécifiques. 1. Travaux préparatoires Avant de commencer à écrire du code, nous devons télécharger et installer les outils de développement WeChat et nous inscrire en tant que développeur WeChat. En même temps, vous devez également comprendre WeChat

Comment mettre en place l'enregistrement automatique des appels avec un numéro spécifié sur Honor v30pro Comment mettre en place l'enregistrement automatique des appels avec un numéro spécifié sur Honor v30pro Mar 23, 2024 am 09:16 AM

1. Cliquez pour ouvrir l'interface de numérotation. 2. Cliquez sur les trois points en haut à droite et cliquez sur Paramètres dans les options contextuelles. 3. Cliquez pour enregistrer automatiquement l'appel. 4. Activez la fonction d'enregistrement automatique des appels, cliquez sur l'objet d'enregistrement automatique et cliquez sur le numéro spécifié dans l'option contextuelle. 5. Définissez simplement le numéro spécifié.

Implémenter des effets de filtre d'image dans les mini-programmes WeChat Implémenter des effets de filtre d'image dans les mini-programmes WeChat Nov 21, 2023 pm 06:22 PM

Implémentation d'effets de filtre d'image dans les mini-programmes WeChat Avec la popularité des applications de médias sociaux, les gens aiment de plus en plus appliquer des effets de filtre aux photos pour améliorer l'effet artistique et l'attractivité des photos. Les effets de filtre d'image peuvent également être implémentés dans les mini-programmes WeChat, offrant aux utilisateurs des fonctions de retouche photo plus intéressantes et créatives. Cet article expliquera comment implémenter des effets de filtre d'image dans les mini-programmes WeChat et fournira des exemples de code spécifiques. Tout d’abord, nous devons utiliser le composant canevas dans l’applet WeChat pour charger et modifier des images. Le composant canevas peut être utilisé sur la page

Implémentez l'effet de menu déroulant dans l'applet WeChat Implémentez l'effet de menu déroulant dans l'applet WeChat Nov 21, 2023 pm 03:03 PM

Pour implémenter l'effet de menu déroulant dans les mini-programmes WeChat, des exemples de code spécifiques sont nécessaires. Avec la popularité de l'Internet mobile, les mini-programmes WeChat sont devenus une partie importante du développement d'Internet, et de plus en plus de gens ont commencé à y prêter attention et à y prêter attention. utilisez les mini-programmes WeChat. Le développement de mini-programmes WeChat est plus simple et plus rapide que le développement d'applications traditionnelles, mais il nécessite également la maîtrise de certaines compétences en développement. Dans le développement des mini-programmes WeChat, les menus déroulants sont un composant courant de l'interface utilisateur, permettant une meilleure expérience utilisateur. Cet article présentera en détail comment implémenter l'effet de menu déroulant dans l'applet WeChat et fournira des informations pratiques.

Comment enregistrer des appels sur Xiaomi 11pro_Tutoriel sur l'enregistrement d'appels sur Xiaomi 11pro Comment enregistrer des appels sur Xiaomi 11pro_Tutoriel sur l'enregistrement d'appels sur Xiaomi 11pro Mar 26, 2024 am 08:16 AM

1. Ouvrez le téléphone sur le bureau et cliquez sur l'icône des paramètres dans le coin supérieur droit. 2. Cliquez sur l'option [Enregistrement des appels]. 3. Activez le commutateur [Enregistrement automatique].

See all articles