ホームページにサウンドの「ON」「OFF」ボタンをつける

BGMとしてホームページにサウンドをつけたいのですが
そのサウンドの音量を消したい人は消せるように、「ON」「OFF」のボタンをページにつけたいのです。
そのボタンを「自作の画像jpg」にしたいのですが、どうすればよいのでしょうか？初心者なのでどのようなソースをどこに入れれば良いのか教えて下さい。

No.5 回答者： ruinous 回答日時： 2006/04/06 03:44

　申し訳ありません、誤って5ヶ月も前の質問に回答してしまいました。

失礼致しました。

No.4 回答者： ruinous 回答日時： 2006/04/06 03:42

　ええと、2の方と同じだったら申し訳ありませんが・・・。

（多分違うはず）。

　フレームを使った方法で。
<bgsound src="abc.mid">
を持つファイルを作成します。（このファイルを、bgm.htmlとします。）
　そのファイルと、BGMを流したいページ（page.htmlとします）を、フレームで合体させます。
　フレームで合体させたページを、frame.htmlとします。

　さらに、page.htmlの、ON/OFFを付けたいところにに、
　<a href="frame.html" target="_top" ><img src="自作の画像ON.jpg" border="0"></a>
　<a href="page.html" target="_top" ><img src="自作の画像OFF.jpg" border="0"></a>

　と書きます。
　以上でOKです。

　bgm.htmlの表示する領域を0にしておけば、余計な部分も入りません。

この回答へのお礼

ご回答ありがとうございます。
大変参考になります。

お礼日時：2006/04/07 16:14

No.3 回答者： nipox 回答日時： 2005/12/04 20:19

Javascripptを使えば出来るかもしれません。

サウンドを流すということは、<embed>タグを使うので、
<script type="text/javascript">
var sd = location.search;
if(sd.indexOf('on') != -1){
void();
}
if(sd.indexOf('off') != -1){
document.write('<embed src="sound.mp3">');
}
</script>

<a href="サウンドを流すページ?a=on"><img src="自作の画像.jpg"></a>
<a href="サウンドOFのページ?a=off"><img src="自作の画像.jpg"></a>

こんなのでうまくいくはずですが・・・
これなら、ひとつのページで実現できます。
うまくいかなっかたらすみません。

この回答へのお礼

ありがとうございます。返事が遅くなってしまい、大変すみませんでした。早速試してみたいと思います。

お礼日時：2006/02/19 03:01

No.2 回答者： wrina 回答日時： 2005/11/08 00:28

BGMのON/OFFをhtmlでやるなら、

インラインフレームかフレーム、で
「BGMありのページ」と「BGMなしのページ」を作っておき、
OFFのボタンのリンク先を「BGMなしのページ」
ONのボタンのリンク先を「BGMありのページ」としておけばできますよ。
BGMなしの方にONボタン、ありの方にOFFボタンを表示させておくわけです。
プレイヤー使って再生するとプレイヤーのない方は再生されないのでこちらの方がやりやすいかなぁと思います。

画像でON/OFFするばあいは、「画像でリンクする」ように記述すればOKです。

一応例）
（BGM流すタグは省略）
<a href="" target="_self" alt="OFF"><img src="自作の画像.jpg" border="0"></a>
・・・って感じですかね。

この回答への補足

なるほど、フレームですか、そうすればいいのですね！ありがとうございます。
これなら、他のページにリンクしてもＢＧＭは流れたままですね。
フレームでのやり方はわかりました。すみませんが、ＢＧＭを流すタグも教えて下さい。

ＢＧＭを流すタグの後に、「OFF」「ON」画像のソースを入れればいいのですよね？
下記は「OFF」の場合のソースですよね。

<a href="" target="_self" alt="OFF"><img src="自作の画像OFF.jpg" border="0"></a>

「ON」の画像を入れるには同じようにこれで良いのですよね。
<a href="" target="_self" alt="ON"><img src="自作の画像ON.jpg" border="0"></a>

それで、例えば「OFF」の画像をクリックした時に「BGM無しのページ」にリンクさせるには、「BGM無しのページ」のアドレスはどのように入れれば良いのですか？本当に初心者ですみません。
教えて下さい。

補足日時：2005/11/15 03:10

No.1 回答者： noname#14286 回答日時： 2005/11/05 00:57

http://mippi.jp/rose/tag.html

midiかどうかわからないけど。
下の説明の方の、ON/OFFでMIDI演奏の切替の
ONとOFFの部分を画像にしてみては？
（未確認）