Spur 趣味から得た知識【HTML講座】　 　HTML（バックグランド音楽）　

アクセスすると自動的にバックグランドミュージックが流れたり、またはバックグランドミュージックを選択できるようになっているサイトがあります。
あれは、どうやっているのでしょう？
ブラウザには、自分が再生（表示）できない形式のファイルでも、「プラグイン」という機能で再生ソフトを追加できるようになっています。
昔はプラグインしなければ再生できなかった形式も、ブラウザのバージョンが上がって、最初から対応しているものもあります。

プラグインソフトをブラウザに起動させる方法で、音楽だけでなく、ムービーや動画など色々なファイルを扱えます。
プラグイン再生機能では、再生するファイル名と再生するためのウィンドウサイズを指定するだけの簡単な記述です。

このサイトに用意してあるMIDI音楽を使ってやって見ましょう。
ダウンロードしなくても「絶対アドレス」で他人のサイトにある資産も直接指定できましたね？
「http://homepage1.nifty.com/spur2000/doc/sound/bggnight.mid」はどうですか？
これは、フリーミュージックのサイトからダウンロードした「著作権フリーの音楽」です。

再生の仕方は３種類あります。
プラグイン機能を使うか、JavaScriptでブラウザ機能を使うかです。


プラグイン機能を使う　１
ページを開くと同時に音楽ファイルが読み込まれます。
  <HTML>
  <HEAD>
　音楽再生<BR>
  </HEAD>
  <BODY>
　<EMBED SRC="http://homepage1.nifty.com/spur2000/doc/sound/bggnight.mid"><BR>
　再生ボタンを押してください<BR>
  </BODY>
  </HTML>

例によって、「sample9.htm」として保存してからブラウザで開いてみましょう。


プラグイン機能を使う　２
ページを開くと同時に音楽ファイルが読み込まれます。
  <HTML>
  <HEAD>
　音楽再生<BR>
  </HEAD>
  <BODY>
　<BGSOUND SRC="http://homepage1.nifty.com/spur2000/doc/sound/bggnight.mid"><BR>
  </BODY>
  </HTML>

「sample10.htm」として保存してからブラウザで開いてみましょう。


JavaScriptを使う
クリックした時に音楽ファイルを読み込みます。

<a href="bggnight.mid" onClick="JavaScript:location.reload()">bggnight.mid</a><br>
「bggnight.mid」ここをクリックすると読み込みます。

←前へ  次へ→