ホームページ > 記事 > ウェブフロントエンド > Xiaoqiang の HTML5 モバイル開発への道 (15) - HTML5 のオーディオ
ブラウザーは急速に発展していますが、HTML4+CSS2+JS の開発初期において、多くのプログラマーを悩ませている問題は、これまでオーディオ再生にも当てはまります。 Web ページ上でビデオとオーディオを再生するための標準はまだ存在しません。現在、ほとんどのブラウザでは、オーディオはプラグイン (Flash プラグインなど) を通じて再生されます。ただし、すべてのブラウザにそのようなプラグインがあるわけではないため、オーディオの再生に特定の問題が発生します。新しい HTML5 標準では、audio 要素を通じてオーディオを含める標準的な方法が規定されています。このタグを詳しく見てみましょう。
1. オーディオ形式のサポート
現在、audio 要素は 3 つのオーディオ形式をサポートしています
2.<!DOCTYPE html> <html> <body> <audio src="http://www2.shengda.edu.cn/ytw/gbzx/photo/bgmusic.mp3" controls="controls"> 您的浏览器不支持该HTML5标签 </audio> </body> </html>
control 属性を使用してコンソールを表示する方法
他のブラウザを実行してサポートしたい場合は、次のメソッドを使用する必要があります
<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>
3.
上記は Xiaoqiang HTML5 モバイル開発への道 (15) - HTML5 のオーディオ コンテンツです。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。