Xiaoqiang の HTML5 モバイル開発への道 (15) - HTML5 のオーディオ-H5 チュートリアル-php.cn

Xiaoqiang の HTML5 モバイル開発への道 (15) - HTML5 のオーディオ

黄舟

リリース： 2017-01-22 11:43:59

オリジナル

1445 人が閲覧しました

ブラウザーは急速に発展していますが、HTML4+CSS2+JS の開発初期において、多くのプログラマーを悩ませている問題は、これまでオーディオ再生にも当てはまります。 Web ページ上でビデオとオーディオを再生するための標準はまだ存在しません。現在、ほとんどのブラウザでは、オーディオはプラグイン (Flash プラグインなど) を通じて再生されます。ただし、すべてのブラウザにそのようなプラグインがあるわけではないため、オーディオの再生に特定の問題が発生します。新しい HTML5 標準では、audio 要素を通じてオーディオを含める標準的な方法が規定されています。このタグを詳しく見てみましょう。

1. オーディオ形式のサポート

現在、audio 要素は 3 つのオーディオ形式をサポートしています

Xiaoqiang の HTML5 モバイル開発への道 (15) - HTML5 のオーディオ

<!DOCTYPE html>   
<html>   
    <body>   
        <audio src="http://www2.shengda.edu.cn/ytw/gbzx/photo/bgmusic.mp3" controls="controls">  
        您的浏览器不支持该HTML5标签  
        </audio>  
    </body>   
</html>

ログイン後にコピー

Xiaoqiang の HTML5 モバイル開発への道 (15) - HTML5 のオーディオ 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>

ログイン後にコピー

Xiaoqiang の HTML5 モバイル開発への道 (15) - HTML5 のオーディオ上記は Xiaoqiang HTML5 モバイル開発への道 (15) - HTML5 のオーディオコンテンツです。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。