HTMLオーディオ
サウンドは HTML でさまざまな方法で再生できます
問題と解決策
HTML でオーディオを再生するのは簡単ではありません。
オーディオ ファイルをすべてのブラウザ (Internet Explorer、Chrome、Firefox、Safari、Opera) およびすべてのハードウェア (PC、Mac、iPad、iPhone) で確実に再生するには、多くのコツを知る必要があります。
この章では、W3CSchool が問題と解決策をまとめています。
プラグインの使用
ブラウザ プラグインは、ブラウザの標準機能を拡張する小さなコンピュータ プログラムです。
プラグインは、
要素のタグを使用して、外部 (非 HTML) コンテンツのコンテナを定義します。 (これは HTML5 タグであり、HTML4 では違法ですが、すべてのブラウザーでは有効です)。
次のコード スニペットは、Web ページに埋め込まれた MP3 ファイルを表示できます:
インスタンス
php中文网(php.cn) 如果你无法听到该音频，那么可能你的电脑或浏览器不支持该文件格式。或者你没有打开扬声器。インスタンスの実行»
質問:
- タグ HTML 4 では無効です。ページは HTML 4 検証に失敗します。
- ブラウザーが異なれば、オーディオ形式のサポートも異なります。
- ブラウザがそのファイル形式をサポートしていない場合、プラグインなしでは音声を再生できません。
- ユーザーのコンピュータにプラグインがインストールされていない場合、音声を再生することはできません。
- このファイルを他の形式に変換しても、依然としてすべてのブラウザで再生できるわけではありません。
- 外部 (非 HTML) コンテンツのコンテナは、
タグを使用して定義することもできます。
インスタンス
php中文网(php.cn) 如果你无法听到该音频，那么可能你的电脑或浏览器不支持该文件格式。或者你没有打开扬声器。インスタンスの実行 »
質問:
ブラウザーが異なれば、オーディオ形式のサポートも異なります。
ブラウザがそのファイル形式をサポートしていない場合、プラグインなしでは音声を再生できません。
ユーザーのコンピュータにプラグインがインストールされていない場合、音声を再生することはできません。
このファイルを他の形式に変換しても、依然としてすべてのブラウザで再生できるわけではありません。
HTML5
HTML5
以下では、
インスタンス
php中文网(php.cn) 您的浏览器不支持该音频格式。
インスタンスの実行»
オンラインインスタンスを表示するには、[インスタンスの実行]ボタンをクリックしてください
問題:HTML 4の
オーディオファイルを別の形式に変換する必要があります。
最高の HTML ソリューション
以下の例では、2 つの異なるオーディオ形式を使用しています。 HTML5
例
php中文网(php.cn)
サンプルの実行 »
オンラインサンプルを表示するには、「サンプルの実行」ボタンをクリックしてください
質問:
オーディオを別の形式に変換する必要があります。
要素は、エラー メッセージを表示するためにフォールバックすることはできません。
Yahoo Media Player - Web サイトに音声を追加する簡単な方法
Yahoo Media Player の使用は無料です。これを使用するには、Web ページの下部に次の JavaScript を挿入する必要があります:
Yahoo Player は MP3 やその他のさまざまな形式を再生できます。コード行をページに追加するだけです。 HTML ページを簡単に作成できます。 プロのプレイリスト:
例
php中文网(php.cn) Play mp3Play wav
