• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:画像を押すことによって音楽を鳴らしたいのですが・・・)

画像を押すことで音楽を鳴らす方法をご教示ください

gakushanekoの回答

  • ベストアンサー
回答No.2

もうひとつの方法として,参考URLを開き,「<BGM ON!>」をクリックしてください。 ここでは,音楽入りのヘッドライン(1番上のスクロールしない部分)と音楽無しヘッドラインを使っています。 「<BGM ON!>」で音楽を流すことは出来るのですが,止めることは出来ないようになってます。 でも,ストップボタンを用意し,音楽無しヘッドライン(フレームページ内のひとつのページなんですが・・・)にリンクさせることで,音楽を止めることが出来そうです。 それと,nami50さんがやりたかった方法で音楽を流しているホームページがあります。 それが2番目の参考URLのところです。 ページが表示されましたら,「タイトル画面を選んでください」から「綺麗」「軽量」どちらを選んでもコンテンツの内容に代わりが無いので,どちらかをクリックしてください。 クリックしてでてきたページの中の「SELECTION」と言う文字をクリックします。たぶん,下へとスクロールしないと出てこないと思いますが・・・。 で,新たに表示されたページがnami50さんがやりたかった方法をとっています。 フレームページを使っていますので,フレームの右側で右クリック>「ソースの表示」をクリックするとソースが出てきます。 これを一度ハードディスクに保存して,あとでゆっくりと「研究」してください。 私も研究してみます。 何か,コツがあるはずだと思いますよ。 がんばりましょう!

参考URL:
http://www.din.or.jp/~alger/index2.html,http://www2.justnet.ne.jp/%7Eealia/
nami50
質問者

お礼

いろいろありがとうございました。 ソースを持ってきたので、 これからゆっくり研究してみようと思います。 ありがとうございました。

関連するQ&A

  • 画像をクリックして別の画像を変えたい

    ボタン画像をクリックしたときに同一ページ内にある画像が変わるようにしたいのですが、下のように描くと、ボタン画像(button.gif)自身が2.pngなどの画像に変わってしまいます。   <HTML> <HEAD> <TITLE>スワップイメージ</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function changeImage(imageUrl){ document.images[0].src = imageUrl; } // --> </SCRIPT> </HEAD> <BODY> <A HREF="#" onClick="changeImage('1.png')" ><IMG SRC="button.gif" border="0"></A> <A HREF="#" onClick="changeImage(2.png')" ><IMG SRC="button.gif" border="0"></A> <A HREF="#" onClick="changeImage(3.png')" ><IMG SRC="button.gif" border="0"></A> <TABLE BORDER="0"> <TR> <TD>ボタンを押すと下に画像が表示されます。</TD> </TR> <TR> <TD><IMG SRC="1.png"></TD> </TR> </TABLE> </BODY> </HTML> 原因を私なりに考えたところ、設定した変数mageUrlをボタンを表示させるために使った<img src="button.gif">で受け取ってしまっているというのはわかりました。(確認のため <IMG SRC="1.png"> を<A HREF>~</A>より上に持ってきたら思っていた動きになりました。)  けれどそれからどう修正したらもとの順番でもちゃんと動くのかがわかりません。過去ログの似た質問も拝見したのですが、今の自分では理解できませんでした‥。すみませんがよろしくお願いいたします。

  • HPに音楽を取り入れる方法を教えて下さい。

    おちゃのこネット加入でホームページを作っております。 ビルダーを使って作成しております。 ビルダー内プレビューでは音楽を聞くことができます。 そのまま、ビルダーのHTMLコピーして、おちゃのこの方へ貼り付けしてますが、音楽が流れません。どうしてでしょうか。 ビルダーのhtmlです。 どの部分を直せば私のhpで聞けますか。 一回再生でなく連続で流したいです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META name="GENERATOR" content="IBM HomePage Builder 2001 V5.0.3 for Windows"> <TITLE></TITLE> </HEAD> <BODY><EMBED src="file:///C:/Program Files/IBM HomePage Builder 2001/sample/sound/baby.mid" autostart="true" hidden="true" loop="true"></BODY> </HTML> <bgsound src="baby.mid" loop="infinite"> パソコン環境に問題もありますか。 xpです。 宜しくお願いします。

  • Windows Media PlayerでHPのMIDIを再生したいのですが

    いつもお世話になっております。 最近、バッハの『G線上のアリア』に感動しております。そのため、連続で再生して聴ける様に、HTMLタグを作成し、リンクを貼ろうとかんがえているのですが、embedタグでは、自動的にQUICKTimeで再生されてしまいます。 個人の好みで恐縮ですが、私は音楽再生はWindows Media Playerが一番好きです。 重低音の迫力が全然違いますので、自動的にWindows Media Playerで再生できるように設定したいのですが、できますでしょうか? HTMLタグの設定方法を教えてくださいますようお願いいたします。 ファイルの拡張子は「.mid」です。

    • ベストアンサー
    • HTML
  • HTMLでHP制作、画像の横にアンダーバーが出てしまいます

    現在HTMLを使ってHPを制作中です。 HTMLは初心者で、ウェブや本を参考して作っています。 そこで問題が発生しました。回答よろしくお願いします。 以下のHTMLタグを入れたところ(○○以外はコピペしました)、 <HTML> <HEAD> <TITLE>○○○</TITLE> </HEAD> <BODY BGCOLOR="#FFFFFF" TEXT="#000000" LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="20" BOTTOMMARGIN="0" BACKGROUND="○○.gif"> <DIV ALIGN="CENTER"> <IMG SRC="○○.gif"> <A HREF="○○.htm"><IMG SRC="○○.gif" BORDER="0"> <A HREF="○○.htm"><IMG SRC="○○.gif" BORDER="0"> <A HREF="○○.htm"><IMG SRC="○○.gif" BORDER="0"></A> <IMG SRC="○○.jpg" WIDTH="200" HEIGHT="159"> </DIV> </BODY> </HTML> htmで確認したところ、 2と3個目のIMGの横(右下)に小さなアンダーバーのようなものが表示されてしまいます。 これを表示しないようにしたいのですが、調べても解決しませんでした。 初心者なもので、質問する内容に情報が足りなかったら教えて下さい。 回答、よろしくお願いします!

    • ベストアンサー
    • HTML
  • HPで音楽を流したいのですが、、、

    自分のPCで(Media Player)、音楽を聞けるのですが、自分のHPに以下のように入力しましたが、音楽が出ません。 <EMBED SRC="izumi.mid" WIDTH=100 HEIGHT=30 AUTOSTART=TRUE LOOP=TRUE> <BGSOUND SRC="izumi.mid,wav" LOOP=INFINITE> 当方、Win98・マイクロソフトInternet Explorerです。 どこが不備でしょうか?また、設定に不備があるのでしょうか? よろしく、ご教授お願いします。

  • 動画のソース記述について

    HTMLの本を片手に電子アルバムを作成中です。 Windows98でIEを使用しています。 公開する予定はないので、サーバーにはアップせず、 独りで楽しむだけです。 その中に人からもらったavi形式の動画があるのですが、 ホームページ上で音、画像とも表示できません。 通常、aviの表示にQuicktime5を使っています。 問題の動画もQuicktime5ではきちんと表示されました。 ソースは以下のとおりです。 間違いを直して下さい。よろしくお願いします。 <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY BACKGROUND="../s64_51.gif"> <TABLE BORDER="0" WIDTH="100%" HEIGHT="100%"> <TR><TD VALIGN="middle" ALIGN="center"> <EMBED SRC="m01.avi" WIDTH="320" HEIGHT="260" ALIGN="BOTTOM" CONTROLLER="TRUE" LOOP="FALSE" AUTOPLAY="TRUE"> </TD></TR> </TABLE> </BODY> </HTML>

  • HP。画像の貼り付けができません。

    HTML記述でホームページを作っています。 画像の貼り付けをしたいのですが、できません。 <html> <head><title>タイトル</title></head> <body background="ファイル名"> 本文 </body> </html> でできると思ったのですが・・・ 画像ファイルはHTMLを書いているメモ帳があるのと、同じフォルダ内にしています。JPEG、GIF、BMPと試してみましたがどれもダメでした。 ネット上からとってきた(フリー)からかな?と思い、自分で作ってみたのですが、それも載りませでした。

  • 新ウィンドウの画像をクリックして閉じる

    画像を載せたホームページを作成しています。 target="_blank"で新ウィンドウで開いた画像をクリックして、新ウィンドウを閉じるにはどうしたら良いのでしょうか? これじゃダメなんでしょうか? <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <SCRIPT LANGUAGE="JavaScript"> <!-- function WinCls(){ window.close() } //--> </SCRIPT> <TITLE></TITLE> </HEAD> <BODY> <A href="aaa.jpg" javascript:WinCls()" target="_blank"><IMG src="aaa.jpg"></A> </BODY> </HTML>

  • 音楽CDを流す!

    再生ボタンを押すとCDから音楽が流れるようにしたいのでどうやってファイルを保存したらいいのか知りたいです。あと、midという拡張子になる方法が知りたい。タグなんだけど<EMBED SRC="***.mid" ここの部分がCDをパソコンで保存をすると最後が*****wmaになるんです。midというファイルにどうしてもならない。だから流れないんでしょうか。詳しく教えてください!

  • JavaScriptでボタンをクリックすると画像が変わる設定をするには?

    たとえば、1.gif - 2.gif , 3.gif - 4.gif,5.gif - 6.gif,7.gif - 8.gif,9.gif - 10.gif の画像をついにしてボタンとして利用するとします。 最初に表示されるボタンは 1.gif , 3.gif ,5.gif , 7.gif , 9.gif の5つです。 JavaScriptで1.gifボタンをクリックしたら、2.gifボタンに画像が変わり、 3.gifボタンをクリックしたら、4.gifボタンに画像が変わるように(残りの画像も同様)したいと 考えています。この時、1.gif , 3.gif ,5.gif , 7.gif , 9.gifのいずれかのボタンがクリックされた 時点で、直前に変更していた 2.gif , 4.gif ,6.gif , 8.gif , 10.gifのいずれかのボタンは最初のボタン の状態に戻したいと考えています。 どのようにJavaScriptを記述すると可能なのでしょうか。 1つのボタンをクリックすると別の画像に変わる方法は色々なHPを参考に↓の記述でなんとかできたのですが、 複数のボタンになるとどのように修正していけばうまくいくのかわかりません。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- imgnum=1; function changeImage(){ if(imgnum==1){ document.myimg.src="2.gif"; imgnum=2; }else if(imgnum==2){ document.myimg.src="1.gif"; imgnum=1; } } // --> </SCRIPT> </HEAD> <BODY> <CENTER> <A href="javascript:changeImage()"><IMG src="1.gif" name="myimg" border=0></A> </CENTER> </BODY> </HTML> 質問がややこしくてすみません。 方法をお分かりの方はどなたか教えてください。よろしくお願いします。