HTML 5 の基本 オーディオとビデオ
HTML5 はオーディオを再生するための標(biāo)準(zhǔn)を提供します。
Web 上のオーディオ
これまで、Web ページ上でオーディオを再生するための標(biāo)準(zhǔn)はありませんでした。
現(xiàn)在、ほとんどのオーディオはプラグイン (Flash など) を介して再生されます。ただし、すべてのブラウザに同じプラグインがあるわけではありません。
HTML5 では、audio 要素を介して音聲を含める標(biāo)準(zhǔn)的な方法を指定しています。
audio 要素はサウンド ファイルまたはオーディオ ストリームを再生できます。
オーディオ形式
現(xiàn)在、audio 要素は 3 つのオーディオ形式をサポートしています:
仕組み
HTML5 でオーディオを再生するために必要なのは:
<audio src="song.ogg" controls="controls"></audio>注: control 屬性は、再生、一時(shí)停止、および音量コントロールを追加するために使用されます。
以下に例を書いてみましょう: mp3のアドレスを記述することで、Webページ上で音楽を聴くことができます。 コードは次のとおりです
<article> <header> <meta charset="utf-8"> </header> <audio src="/asset/1.mp3" controls="controls"></audio> </article>
HTML5ビデオ(ビデオ)
多くのサイトでビデオの標(biāo)準(zhǔn)が提供されています。ビデオを表示します。
以下のコードを見てください
<article>
<header>
<meta charset="utf-8">
</header>
<video width="320" height="240 「コントロール>
<
見たい動(dòng)畫のアドレスをsrcに入れて動(dòng)畫を視聴することができます
