Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ リッチメディアのためのオーディオ埋め込み | メディアとテーブルの操作
究極のHTML

bookリッチメディアのためのオーディオ埋め込み

メニューを表示するにはスワイプしてください

<audio> 要素を使用して、ウェブページに音声ファイルを埋め込むことができます。例を見てみましょう:

index.html

index.html

copy

この例では:

  • <audio> 要素は <source> 要素を含み、音声ファイルのURLとファイル形式を指定します。一般的にサポートされている形式は MP3 と OGG です;
  • controls 属性は、再生・一時停止・音量などの標準的な再生コントロールを表示します;
  • ユーザーのブラウザが audio 要素をサポートしていない場合、フォールバックメッセージが表示されます。

HTMLのaudio要素でよく使用される追加属性には、以下が含まれます:

  • autoplay: ページの読み込み時に音声ファイルを自動再生;
  • loop: 音声ファイルを連続的にループ再生;
  • muted: デフォルトで音声をミュート;
  • volume: 音声ファイルのデフォルト音量レベルを指定(0.0:無音 ~ 1.0:最大音量)。

これらすべての属性の使用例:

index.html

index.html

copy
question mark

HTMLの<audio>要素に関する次の記述のうち、正しいものはどれですか?

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 4.  5

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 4.  5
some-alt