HTML5でウェブページに背景音楽を追加する完全なコード

2年 ago
芽依, 雨夜
1 minute

HTML5でバックグラウンドミュージックを追加するための簡単なサンプルコードを以下に示します。

<!DOCTYPE html>
<html>
<head>
  <title>背景音乐示例</title>
</head>
<body>
    <audio controls autoplay loop>
        <source src="your-music-file.mp3" type="audio/mpeg">
        <source src="your-music-file.ogg" type="audio/ogg">
        你的浏览器不支持HTML5音频标签
    </audio>
</body>
</html>

次のような点にご注意ください。

  1. 音楽ファイルを「your-music-file.mp3」と「your-music-file.ogg」に置き換えます。音楽ファイルが同じディレクトリもしくは相対パスにあることを確認してください。
  2. ネイティブに日本語で言い換えるとしたら、次の1つだけになります。
  3. 制御
  4. 自動再生
  5. 文を日本語に、ネイティブに言い換えてください
  6. 改良版、レガシー版のいずれか、またはそれらの組み合わせを選択できます。

これは簡単な例ですが、必要に応じてさらにカスタマイズやスタイルを設定できます。

bannerAds