HTML5オーディオ(音声)

HTML5 Audio(音声)

インターネット上の音声

これまで、Web ページ上で音声を再生するための標準はまだありませんでした。

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

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

ブラウザのサポート

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

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

HTML5 オーディオ - 仕組み

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

Example

<audio controls>
  <source src="音频文件名称" type="音频文件格式">
  <source src="音频文件名称" type="音频文件格式">
您的浏览器不支持 audio 元素。
</audio>

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

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

BrowserChrome6+ 3.6+はいはい

+Safari 5+ Yes Yes No

Opera 10+ Yes Yes Yes

プロパティ

AutoPlay 自動再生 属性が表示される場合、オーディオは準備が整うとすぐに再生されます。 SControls コントロール この属性が表示されると、再生ボタンなどのコントロールがユーザーに表示されます。 - ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ | 。 "「自動再生」が使用されるため、この属性は無視されます。音声 URL を再生するための LSrc URL。

学び続ける
||
<audio controls> <source src="音频文件名称" type="音频文件格式"> <source src="音频文件名称" type="音频文件格式"> 您的浏览器不支持 audio 元素。 </audio>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜