HTMLオーディオのサンプルを詳しく解説

サウンドは HTML でさまざまな方法で再生できます

問題と解決策

HTML で オーディオを再生するのは簡単ではありません。

オーディオ ファイルをすべてのブラウザ (Internet Explorer、Chrome、Firefox、Safari、Opera) およびすべてのハードウェア (PC、Mac、iPad、iPhone) で確実に再生するには、多くのコツを知る必要があります。

この章では、W3CSchool が問題と解決策をまとめています。

プラグインの使用

ブラウザ プラグインは、ブラウザの標準機能を拡張する小さなコンピュータ プログラムです。

プラグインは、<object> タグまたは タグを使用してページに追加できます。

これらのタグは、タイプに応じて、リソース (通常は HTML 以外のリソース) のコンテナを定義します。ブラウザでも表示されます。外部プラグインでも表示されます。

要素

タグを使用して、外部 (非 HTML) コンテンツのコンテナーを定義します。 (これは HTML5 タグであり、HTML4 では違法ですが、すべてのブラウザーで機能します)。

次のコード スニペットは、Web ページに埋め込まれた MP3 ファイルを表示します。

例

<embed height="50" width="100" src="horse.mp3">

問題:

タグは HTML 4 では無効です。ページは HTML 4 検証に失敗します。

ブラウザーが異なれば、オーディオ形式のサポートも異なります。

ブラウザがそのファイル形式をサポートしていない場合、プラグインなしでは音声を再生できません。

ユーザーのコンピュータにプラグインがインストールされていない場合、オーディオを再生できません。

ファイルを他の形式に変換した場合でも、すべてのブラウザで再生できるわけではありません。