Maison  >  Article  >  interface Web  >  Conseils et pratiques d'UniApp pour la lecture et l'enregistrement audio

Conseils et pratiques d'UniApp pour la lecture et l'enregistrement audio

PHPz
PHPzoriginal
2023-07-04 13:37:372184parcourir

UniApp (Universal App) est un framework de développement d'applications multiplateforme qui peut être utilisé pour développer des applications mobiles, des applets et des applications H5 basées sur HTML5. Dans UniApp, la lecture et l'enregistrement audio sont une exigence courante. Cet article présentera quelques techniques et pratiques de lecture et d'enregistrement audio, et fournira des exemples de code pertinents.

1. Lecture audio
Dans UniApp, vous pouvez utiliser uni.createInnerAudioContext() pour créer un objet audio. Ce qui suit est un exemple simple de code de lecture audio :

// 创建音频对象
const audio = uni.createInnerAudioContext();

// 设置音频源
audio.src = '__STATIC__/audio/sample.mp3';

// 播放音频
audio.play();

// 监听音频播放完成事件
audio.onEnded(() => {
  console.log('音频播放完成');
});

// 监听音频播放错误事件
audio.onError((err) => {
  console.log('音频播放错误', err);
});

Dans le code ci-dessus, un objet audio est créé via la méthode createInnerAudioContext(). Ensuite, utilisez l'attribut src pour définir la source audio, ici en utilisant le chemin d'accès à la ressource statique. Appelez ensuite la méthode play() pour lire l’audio. Surveillez l'événement de fin de lecture audio via la méthode onEnded() Lorsque la lecture audio est terminée, la fonction de rappel sera déclenchée. Surveillez les événements d'erreur de lecture audio via la méthode onError() Lorsqu'une erreur de lecture audio se produit, la fonction de rappel sera déclenchée.

2. Enregistrement audio
Dans UniApp, vous pouvez utiliser les méthodes uni.startRecord() et uni.stopRecord() pour enregistrer de l'audio. Ce qui suit est un exemple simple de code d'enregistrement audio :

// 开始录制音频
uni.startRecord({
  success: (res) => {
    console.log('音频录制成功', res.tempFilePath);
  },
  fail: (err) => {
    console.log('音频录制失败', err);
  }
});

// 停止录制音频
setTimeout(() => {
  uni.stopRecord();
}, 5000);

Dans le code ci-dessus, l'enregistrement audio est démarré via la méthode startRecord(). La méthode startRecord() reçoit un objet en tant que paramètre, et les attributs de réussite et d'échec peuvent être définis dans l'objet. Lorsque l'enregistrement audio réussit, la fonction de réussite sera appelée et res.tempFilePath contient le chemin du fichier audio temporaire enregistré. Lorsque l'enregistrement audio échoue, la fonction fail sera appelée et le paramètre err contient des informations sur l'erreur.

Définissez un délai de 5 secondes via la méthode setTimeout(), puis appelez la méthode stopRecord() pour arrêter l'enregistrement audio.

3. Résumé
Cet article présente les techniques et les pratiques de lecture et d'enregistrement audio dans UniApp et fournit des exemples de code pertinents. Créez un objet audio via la méthode createInnerAudioContext(), définissez la source audio et lisez l'audio, surveillez l'événement de fin de lecture audio via la méthode onEnded() et surveillez l'événement d'erreur de lecture audio via la méthode onError(). Commencez à enregistrer l'audio via la méthode startRecord() et arrêtez l'enregistrement audio via la méthode uni.stopRecord(). J'espère que cet article vous aidera à implémenter la lecture et l'enregistrement audio dans UniApp.

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:
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