HTML5 オーディオ オーディオ

---

HTML5 オーディオ オーディオ

HTML5 は、オーディオ ファイルを再生するための標準を提供します。

インターネット上のオーディオ

これまで、Web 上でオーディオを再生するように設計された標準はありませんでした。

今日、ほとんどのオーディオは Flash などのプラグインを介して再生されます。ただし、すべてのブラウザに同じプラグインがあるわけではありません。

HTML5 は、 <audio> 要素を使用して、Web ページに音声要素を埋め込むための標準を指定します。

ブラウザのサポート

Internet Explorer 9 以降、Firefox、Opera、Chrome、および Safari はすべて <audio> 要素をサポートしています。

注: Internet Explorer 8 以前のバージョンの IE は <audio> 要素をサポートしていません。

HTML5 オーディオ - 仕組み

HTML5 でオーディオを再生するには、次のコードを使用する必要があります。

例

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">您的浏览器不支持 audio 元素。
</audio>

control 属性は、再生、一時停止、および音量コントロールを追加するためのものです。

<audio> と </audio> の間に、ブラウザーでサポートされていない <audio> 要素のプロンプト テキストを挿入する必要があります。

<audio> 要素は複数の <source> 要素を許可します. <source> 要素は異なる音声ファイルをリンクできます.ブラウザは最初にサポートされた音声ファイルを使用します.

オーディオ形式とブラウザのサポート

現在、 <audio> 要素は、MP3、Wav、および Ogg の 3 つのオーディオ形式をサポートしています。

ブラウザ	MP3	ウェーブ	オグ
Internet Explorer 9 以降	はい	いいえ	いいえ
クローム 6+	はい	はい	はい
Firefox 3.6+	はい	はい	はい
サファリ 5+	はい	はい	いいえ
オペラ 10+	はい	はい	はい

オーディオ形式の MIME タイプ

フォーマット	MIME タイプ
MP3	オーディオ/mpeg
オグ	オーディオ/ogg
ウェーブ	オーディオ/wav

HTML5 オーディオ タグ

ラベル	説明
<音声>	サウンドコンテンツを定義します
<ソース>	<video> タグと <audio> タグで使用されるマルチメディア リソースを指定します。複数指定することもできます