ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5 でのオーディオの詳細な分析
HTML5 でのオーディオの詳細な分析
- 寻∝梦オリジナル
- 2018-08-13 18:21:082127ブラウズ
HTML5 には古いバージョンとは多少異なる新しい点がたくさんあります。この記事では、HTML5 の新しいオーディオ要素について詳しく説明します
HTML5 オーディオ (オーディオ)
最終更新日: 2017 年 8 月 1 日
HTML5 は、オーディオ ファイルを再生するための標準を提供します。
インターネット上のオーディオ
これまで、Web ページ上でオーディオを再生するための標準はまだありませんでした。
現在、ほとんどのオーディオはプラグイン (Flash など) を介して再生されます。ただし、すべてのブラウザに同じプラグインがあるわけではありません。
HTML5 は、b97864c2e0ef2353a16c4d64c7734e92 要素を使用して、Web ページにオーディオ要素を埋め込むための標準を指定します。
ブラウザのサポート
Internet Explorer 9 以降、Firefox、Opera、Chrome、Safari はすべて b97864c2e0ef2353a16c4d64c7734e92 要素をサポートします。
注: Internet Explorer 8 およびそれ以前の IE バージョンは b97864c2e0ef2353a16c4d64c7734e92 要素をサポートしません。
HTML5 オーディオ - 仕組み HTML5 でオーディオを再生するには、次のコードを使用する必要があります:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body> <audio controls> <source src="/statics/demosource/horse.ogg" type="audio/ogg"> <source src="/statics/demosource/horse.mp3" type="audio/mpeg">お使いのブラウザは audio 要素をサポートしていません。 81d2bc32cafa2076a27f10cdd878d0ab36cc49f0c466276486e50c850b7e495673a6ac4ed44ffec12cee46588e518a5e 再生、一時停止、および音量コントロールを追加するためのコントロール プロパティ。 b97864c2e0ef2353a16c4d64c7734e92 と 81d2bc32cafa2076a27f10cdd878d0ab の間に、ブラウザがサポートしていない b97864c2e0ef2353a16c4d64c7734e92 要素のプロンプト テキストを挿入する必要があります。 b97864c2e0ef2353a16c4d64c7734e92 要素では複数の e02da388656c3265154666b7c71a8ddc 要素を使用でき、ブラウザは現在サポートされている最初のオーディオ ファイルを使用します b97864c2e0ef2353a16c4d64c7734e92 は、MP3、Wav、Ogg の 3 つのオーディオ形式ファイルをサポートします。オーディオ形式の MIME タイプ: MP3、Ogg、Wav; b97864c2e0ef2353a16c4d64c7734e92
e02da388656c3265154666b7c71a8ddc は、複数のマルチメディア リソースを指定します。
b97864c2e0ef2353a16c4d64c7734e92 タグの属性は、次のように指定されます。オーディオ 準備ができたらすぐに再生します。
コントロール: この属性が表示される場合、再生ボタンなどのコントロールがユーザーに表示されます。
loop: この属性が存在する場合、オーディオが終了するたびに再生が再開されます。
preload: この属性が表示される場合、ページがロードされて再生の準備が整ったときにオーディオがロードされます。 「自動再生」が使用されている場合、この属性は無視されます。
src: 再生するオーディオの URL。
<audio> 与 </audio> 之间插入的内容是供不支持 audio 元素的浏览器显示的： <audio src="song.ogg" controls="controls"> Your browser does not support the audio tag. </audio>
上記の例では Ogg ファイルが使用されており、Firefox、Opera、Chrome ブラウザーに適しています。
Safari で確実に動作するには、オーディオ ファイルのタイプが MP3 または Wav である必要があります。
audio 要素では複数のソース要素が許可されます。ソース要素は、異なるオーディオ ファイルをリンクできます。ブラウザは最初に認識された形式を使用します:
<audio controls="controls"> <source src="song.ogg" type="audio/ogg"> <source src="song.mp3" type="audio/mpeg"> Your browser does not support the audio tag. </audio>
[関連する推奨事項]
HTML をゼロから学習できる HTML の基本要素HTML5 での解析
以上がHTML5 でのオーディオの詳細な分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。