1. Home
  2. HTML5オーディオ（音声）

HTML5オーディオ（音声）2024 年の最新の入門チュートリアル。このコースでは インターネット上のオーディオ,ブラウザのサポート,HTML5オーディオ - それはしくみ,例,オーディオフォーマットとブラウザのサポート,オーディオ形式のMIMEタイプ,HTML5オーディオタグ, について学習できます。

HTML5オーディオ（音声）

HTML5は、標準的なプレイのオーディオファイルを提供しています。

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

今までは、まだウェブ上でオーディオ規格を再生するプログラムは存在しません。

今日では、再生のため（Flashなど）のプラグインを介して、ほとんどのオーディオ。 ただし、すべてのブラウザが同じプラグインを持っていません。

HTML5は、<オーディオ>要素を使用して、ページ上のエンベデッドオーディオの標準的な要素を提供します。

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorerの9+、Firefoxの、オペラ、クロム、およびSafariは、<オーディオ>要素をサポートしています。

注：IEのInternet Explorer 8の以前のバージョンでは、<オーディオ>要素をサポートしていません。

HTML5オーディオ - それはしくみ

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

例

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

»をお試しください

追加されたコントロールの再生、一時停止、ボリュームコントロールのプロパティ。

プロンプトテキストの<audio>要素をサポートしていないブラウザを挿入する必要があるとの間の<audio>と</オーディオ>で。

<オーディオ>要素は、複数の<source>要素を使用することができます。<ソース>要素は、ブラウザが最初にサポートされているオーディオファイルを使用しますが、別のオーディオファイルにリンクすることができます

オーディオフォーマットとブラウザのサポート

MP3、WAVファイル、およびOgg：現在、<オーディオ>要素には、3つのオーディオフォーマットをサポートしています：

浏览器 MP3 Wav Ogg
Internet Explorer 9+ YES NO NO
Chrome 6+ YES YES YES
Firefox 3.6+ YES YES YES
Safari 5+ YES YES NO
Opera 10+ YES YES YES

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

Format MIME-type
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav

HTML5オーディオタグ

ラベル 説明
<オーディオ> これは、オーディオコンテンツを定義します
<ソース> マルチメディアリソースを提供し、それは、複数であってもよく、<ビデオ>と<オーディオ>タグを使用し

ホットチュートリアル

お問い合わせ

HTML5オーディオ（音声）
10/30