uniappでaudioタグを使用する方法

モバイル インターネットの発展に伴い、音楽プレーヤー、音声チャット、音声認識などのオーディオ関連アプリケーションがユーザーの間でますます人気が高まっています。このようなオーディオ アプリケーションを開発するには uniapp を使用すると非常に便利です。重要なコンポーネントの 1 つは

1. 基本的な使い方

uniapp では、ページの wxml ファイル内の

<audio src="../../static/audio.mp3" id="myAudio"></audio>

このうち、src属性は音声ファイルのパスを指定し、id属性は一意のファイルの定義に使用されます。

2. オーディオの再生

オーディオを再生するには、最初に

const myAudio = uni.createInnerAudioContext();
myAudio.src = "../../static/audio.mp3";
myAudio.play();

このうち、createInnerAudioContext() メソッドは、

3. オーディオの一時停止

再生中のオーディオを一時停止するには、pause() メソッドを使用できます。サンプル コードは次のとおりです。

#Stop Audio

4. 再生中のオーディオを停止するには、stop() メソッドを使用できます。サンプル コードは次のとおりです。オーディオを停止するには、

destroy( )

メソッドを呼び出して、現在の

myAudio.pause();

Listening events

onPlay()

: オーディオの再生が開始されるとトリガーされます。

• onPause(): オーディオが一時停止されたときにトリガーされます。
• onStop(): オーディオが停止するとトリガーされます。
• onEnded(): オーディオの再生が終了するとトリガーされます。
• onError(): オーディオ再生エラーが発生したときにトリガーされます。
• サンプル コードは次のとおりです:

  myAudio.stop();

上記は、uniapp で

概要

この記事では、オーディオの再生、一時停止、停止、リスニング イベントなど、uniapp で

以上がuniappでaudioタグを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。