JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

HTMLでバックグラウンドミュージック（BGM）を追加する方法【bgsoundタグの使い方と注意点】

HTMLでは、<bgsound>タグを使うことでページの背景で音楽を再生できました。ただし、このタグはInternet Explorer専用であり、他のブラウザでは動作しない点に注意が必要です。

記述例

以下のコードを実行すると、HTMLにバックグラウンドミュージックを追加できます。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML bgsound Tag</title>
   </head>
   <body>
      <bgsound src="/html/yourfile.mdi"/>
      <p>音声ファイルを背景で再生します。</p>
   </body>
</html>

bgsoundタグの主な属性

<bgsound>タグは、以下の属性をサポートしています。

属性値説明
loop数値背景音楽の再生を繰り返す回数を指定できます。
srcURL音声ファイルのパスを指定します。

現代の代替手段：audioタグの利用

<bgsound>タグはすでに廃止された（非推奨の）要素であり、現在の標準的なブラウザでは使用できません。最新のHTMLでバックグラウンドミュージックを追加する場合は、<audio>タグを使用するのが一般的です。autoplay属性やloop属性と組み合わせることで、自動再生かつループ再生のBGMを実現できます。

<audio src="/html/yourfile.mp3" autoplay loop></audio>
  1. PowerPointのスライドにBGM（背景音楽）を追加する方法

    誰もが自分のPowerPointプレゼンテーションを個性的にしたいと考えるものです。写真を活用したり、色付きのテキストやさまざまなフォントスタイルを組み合わせて、聴衆に魅力的な印象を与える工夫をするでしょう。では、各スライドにBGM（バックグラウンドミュージック）を設定したい場合はどうすればよいのでしょうか？この記事では、PowerPointのスライドにBGMを追加する方法をわかりやすく解説します。 PowerPointにBGMを追加する手順 まず、Microsoft PowerPointを起動します。新規プレゼンテーションを作成しても、既存のファイルを開いても問題ありません。 1. オーデ

  2. Kodiに音楽を追加する方法｜スキン変更からアドオン導入・管理まで完全ガイド

    Kodiというソフトウェアをご存じでしょうか？まだ使ったことがないなら、デジタルライフを快適にしてくれる最強アプリを見逃しているかもしれません。メディアアプリの整理は面倒で後回しにしがちですが、Kodiを使えばプリインストール済みのアプリもサードパーティ製のものも一括でコントロールできます。旧称XBMCとして知られるKodiは、オープンソースで無料のプラットフォームであり、動画・写真・映画・ポッドキャスト・ストリーミングなどを視聴できます。まさにワンストップのデジタルエンターテインメントハブです。この記事では、Kodiで音楽を追加する方法をわかりやすく解説します。 Kodiに音楽を追加する