HTML5は、オブジェクトHTML DOMオブジェクトを<オーディオ>タグを提供し、またオーディオにJavaScriptオブジェクトを操作するために用意されています。
H5 <オーディオ>タグ
このラベルは、HTML5の新しいラベル（ダブルラベル）は、音楽やその他のオーディオストリームとして、音を定義するために使用されています。
例
< オーディオSRC =「someaudio.wavは」> < スパン>あなたのブラウザは、オーディオタグ愚か者をサポートしていません。</ スパン> </ オーディオ>
このタブには、さまざまなオーディオファイルをリンクすると同時に、<ソース>子タグ（単一のタグ）を提供します。
< オーディオコントロール= "コントロール" > < ソースsrcは= "song.ogg" タイプの= "オーディオ/ OGG" > < ソースSRC = "song.mp3" タイプの= "オーディオ/ MPEG" > < スパン>お使いのブラウザはしていませんだます、オーディオラベルをサポートしています。</ スパン> </ オーディオ>
プロパティ
| プロパティ | 値 | 説明 |
|---|---|---|
| 自動再生 | 自動再生 | この属性が存在する場合は、準備ができた後、すぐにオーディオ再生。 |
| コントロール | コントロール | この属性が存在する場合、そのような再生ボタンとして、ユーザーコントロールに表示されます。 |
| ループ | ループ | この属性が存在する場合、いつでもオーディオ終わり、再び再生を開始します。 |
| ミュート | ミュート | ビデオ出力の規定がミュートされなければなりません。 |
| プリロード | プリロード | この属性が存在している場合は、ページがロードされ、再生の準備ができたときに、オーディオがロードされます。 無視されたプロパティのautoplay属性、もし。 |
| SRC | URL | あなたがオーディオを再生したいURL。 |
このタグは、HTMLでのグローバル属性とイベント属性をサポートしています。
ブラウザのサポートと互換性のヒント
Internet Explorer 9の+、Firefoxの、オペラ座、ChromeとSafariのブラウザがこのタグをサポートしています。
Internet Explorer 8の以前のバージョンでは、このタグをサポートしていません。
MP3、WAV、OGG：現在、<オーディオ>要素は3つのファイル形式をサポートしています。
| ブラウザ | MP3 | wavファイル | オッグ |
|---|---|---|---|
| インターネットエクスプローラ | はい | NO | NO |
| クロム | はい | はい | はい |
| Firefoxの | はい | はい | はい |
| サファリ | はい | はい | NO |
| オペラ | はい | はい | はい |
古いブラウザがタグをサポートしていない情報を表示できるように加えて、あなたは、開始タグと終了タグの間のテキストを配置することができます。例えば、上記の例では、<span>のタグのテキストの内容を表示します。このタグブラウザをサポートしていません。
HTML DOMオーディオでH5オブジェクト
オーディオオブジェクトは、HTML5の新しいオブジェクトであるHTML要素内の<audio>タグを表します。
オーディオ・オブジェクト・アクセス
getElementsByTag（）メソッドができます。
VaRのオーディオ= document.getElementsByTag（オーディオ"）[0];
また、getElementByIdを（）メソッドを使用することができます。
VaRのオーディオ=のdocument.getElementById（ "myAudio"）;
オーディオオブジェクトの作成
この方法は、createElementのを使用することができます。
VaRのオーディオ=のdocument.createElement（ "オーディオ"）;
この方法はまた、新しいオーディオを使用することができます（）。
VaRのオーディオ= 新しいオーディオ（）;
オーディオオブジェクトのプロパティ
| プロパティ | 説明 |
|---|---|
| audioTracks | AudioTrackListが可能なオーディオトラックオブジェクトを返します。 |
| 自動再生 | 設定後または（ロード）準備は、オーディオを再生するかどうかを返します。 |
| 緩衝 | これは、バッファリングされたオーディオなtimeRangeの対象部分を返します。 |
| コントローラ | 現在のオーディオのMediaControllerターゲットメディアコントローラを返します。 |
| コントロール | （例えば、再生/一時停止など）オーディオコントロールを表示するかどうかを設定または返します。 |
| crossOrigin | 設定またはCORSのオーディオ設定を返します。 |
| currentSrc | 現在のオーディオのURLを返します。 |
| 現在の時刻 | 設定またはオーディオの（秒）現在の再生位置を返します。 |
| defaultMuted | 設定または音声がミュートされていないデフォルト値を返します。 |
| defaultPlaybackRate | またはオーディオの再生速度のデフォルト設定に戻します。 |
| 期間 | （秒）オーディオの長さを返します。 |
| 終了しました | 再生が終了したオーディオを返すかどうか。 |
| エラー | これは、オブジェクトのオーディオMediaErrorエラー状態を返します。 |
| ループ | 設定またはオーディオが終わり、再び再生される必要があるかどうかを返します。 |
| mediaGroup | 設定またはオーディオが所有するメディア・ポートフォリオの名前を返します。 |
| ミュート | 音をオフにするかどうかを設定または返します。 |
| networkState | ネットワークオーディオの現在の状態を返します。 |
| 一時停止 | 設定や音声が一時停止して返します。 |
| playbackRate | 設定またはオーディオ再生の速度を返します。 |
| 演奏 | オーディオなtimeRangeは、一部が再生されたオブジェクトを返します。 |
| プリロード | またはオーディオの属性セット戻り値をプリロード。 |
| readyStateの | 態勢の現在の状態のためのオーディオを返します。 |
| シーク | これは、オブジェクトのオーディオtimeRangeはアドレス指定部分を返します。 |
| 探求 | これは、ユーザーが現在のオーディオを見つけるために行われているが返されます。 |
| SRC | src属性セットやオーディオの戻り値。 |
| textTracks | TextTrackListが可能なテキストトラックオブジェクトを返します。 |
| ボリューム | 設定またはオーディオの音量を返し、デフォルトではそれは、最大音量で、1です。 |
オーディオオブジェクトのメソッド
| 方法 | 説明 |
|---|---|
| addTextTrack（） | オーディオトラックに新しいテキストを追加します。 |
| canPlayType（） | お使いのブラウザが指定されたオーディオ形式を再生することができますかどうかをチェックします。 |
| fastSeek（） | オーディオプレーヤーでの再生時間を指定します。 |
| getStartDate（） | 現在の時間オフセットの行を表す、新しいDateオブジェクトを返します。 |
| 負荷（） | audio要素をリロードします。 |
| 遊びます（） | オーディオの再生を開始します。 |
| 一時停止（） | 現在、オーディオの再生を一時停止します。 |
オーディオ・オブジェクトは、標準のプロパティとイベントをサポートしています。
AUDOイベントリスナーオブジェクト
また、状態変化の数のオーディオオブジェクトにイベントリスナーを追加することができます。
audio.addEventListener('timeupdate', function() { // 播放时间变化就会触发
// 做点坏事
});
audio.addEventListener('ended', function() { // 播放结束就会触发
// 做点好事
});
"生活很难，你一定要哄着自己过完。"