HTML5オーディオ(音聲)
HTML5 のオーディオ機能はすでに非常に強力です。これまで Flash でしか実現(xiàn)できなかった再生、ジャンプ、バッファリングなどの機能も、HTML5 のオーディオで簡単に処理できます。
しかし、これまで、Web ページで音聲を再生するための標(biāo)準(zhǔn)はまだありませんでした。
オーディオの構(gòu)文とプロパティとメソッド
構(gòu)文を使用する
<audio src="song.mp3"controls="controls"loop="loop" autoplay="autoplay">ブラウザはhtml5</audio>のaudioタグをサポートしていません屬性
srcは曲のパスです
controls 再生コントロール タグにcontrols="controls"と書くとWebページに付屬の再生コントロールが表示されます
loop ソングループ この屬性をタグに追加します ソングループをバックグラウンドから取得する場合は、ajaxでloop=true/falseを設(shè)定して制御することもできます。 ;
自動再生 曲がロードされると、その後は自動的に再生されますが、それを?qū)g現(xiàn)できるのは PC 側(cè)だけであり、モバイル側(cè)では実現(xiàn)できません (PC 側(cè)のブラウザはモバイル側(cè)よりもはるかに完成しており、一部の屬性はさらに改善されます)
上記はタグ內(nèi)の屬性ですが、もちろん、オーディオを制御するオブジェクト屬性としても呼び出すことができます。*
currentTime 現(xiàn)在の再生時間を取得します。
duration 曲を取得します。play 再生中かどうか true/false を返します。一時停止中かどうか true/false
オブジェクトメソッド:
play() 曲を再生する
pause() 曲を一時停止する
load() 曲をリロードする
HTML5 Medium 3 基本形式:
1.
<audio src="song.ogg" Controls="controls"></audio>2. 非互換性リマインダーコード付き
お使いのブラウザは audio タグをサポートしていません。
</audio>
3. ブラウザの書き込みメソッドと互換性があるようにしてください
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg" >お使いのブラウザは audio タグをサポートしていません。 </オーディオ>
りー
