<EMBED>タグで普通に表示されるボタンではなく、
自分の用意した画像(ボタンの画像など)を
クリックしてもらうことで、音楽が流れるようにしたいのですが、
そこで、色々調べ下のようなソースをつくりました。
が、これを実行すると、Windows Media Player
での再生になってしまいます。
Windows Media Playerの表示なしに
ただ、音楽を流したいのですが、どのように
したら良いのでしょうか?
<HTML>
<HEAD>
<TITLE>タイトル名</TITLE>
</HEAD>
<BODY>
<A HREF="○○○○.mid "> <img src=○○○.gif border=0></A>
本文
</BODY>
</HTML>
No.2ベストアンサー
- 回答日時:
もうひとつの方法として,参考URLを開き,「<BGM ON!>」をクリックしてください。
ここでは,音楽入りのヘッドライン(1番上のスクロールしない部分)と音楽無しヘッドラインを使っています。
「<BGM ON!>」で音楽を流すことは出来るのですが,止めることは出来ないようになってます。
でも,ストップボタンを用意し,音楽無しヘッドライン(フレームページ内のひとつのページなんですが・・・)にリンクさせることで,音楽を止めることが出来そうです。
それと,nami50さんがやりたかった方法で音楽を流しているホームページがあります。
それが2番目の参考URLのところです。
ページが表示されましたら,「タイトル画面を選んでください」から「綺麗」「軽量」どちらを選んでもコンテンツの内容に代わりが無いので,どちらかをクリックしてください。
クリックしてでてきたページの中の「SELECTION」と言う文字をクリックします。たぶん,下へとスクロールしないと出てこないと思いますが・・・。
で,新たに表示されたページがnami50さんがやりたかった方法をとっています。
フレームページを使っていますので,フレームの右側で右クリック>「ソースの表示」をクリックするとソースが出てきます。
これを一度ハードディスクに保存して,あとでゆっくりと「研究」してください。
私も研究してみます。
何か,コツがあるはずだと思いますよ。
がんばりましょう!
参考URL:http://www.din.or.jp/~alger/index2.html,http://w …
いろいろありがとうございました。
ソースを持ってきたので、
これからゆっくり研究してみようと思います。
ありがとうございました。
No.1
- 回答日時:
探してきました。
<a href="○○.htm" target="musicbox"><img src=○○○.gif border=0></a>
別に音楽を鳴らすだけのページを作製し,上記のタグを入れることで再生可能のようです。
<html>
<head>
</head>
<body>
<EMBED src="○○.mid" width="144" height="15" loop="true" autostart="true" align="top">
<noembed>
<bgsound src="○○.mid"loop=1>
</noembed>
</body>
</html>
停止の場合は,
<html>
<head>
</head>
</html>
とだけ入力されたページへリンクさせます。
<a href="××.htm" target="musicbox"><img src=×××.gif border=0></a>
・・・こう言う手を使っていたんですねぇ・・・。
なお,タグ等は一部変更していますが,そのページのソースをそのまま使っています。
また,確認はIE 5.0/5.5/6で出来ています。
<bgsound>タグは確か,IEだけだったかもしれないですけどね。
Netscapeでもと言う場合は,<EMBED>タグで試してみてください。
gakusyanekoさん、探してきてくださって本当にありがとうございました。
そのまま使ってみたら、なぜか表示されてしまったので(バグなのでしょうか?)
ちょっと改良して、
演奏するページを下のようにつくり、test3.htmとし、
++++++++++++++++++++++++++++++++++++
<html>
<head>
</head>
<body>
<embed src="○○.mid"
type="audio/midi" autostart="true" loop="false" width="144" height="44" hidden="true">
</body>
</html>
+++++++++++++++++++++++++++++++++++++
それをこの下に埋めて
=====================================
<HTML>
<HEAD>
<TITLE>タイトル名</TITLE>
</HEAD>
<BODY>
<A HREF="test3.htm" target="musicbox"><img src="××.gif" border=0 height=80 width=50></A>
本文
</BODY>
</HTML>
=====================================
作りました。
そのようにしたら、新しいウインドウが開き音楽スタートになりました。
私が考えていたのは、media playerも出ず、新しいウインドウも開くことなく音楽が再生させることだったのですが、この、ウインドウが開くものと、フレームをうまく組み合わせると、私のイメージに近いものができそうでした。
今改めて、MIDIを置いてあるページを回ってみましたが、
やはり大多数どこも別のhtmをつくり、ウインドウを開く方法でした。
私の当初の考えはむちゃくちゃだったのかもしれません。
お手数おかけしました。
本当にありがとうございました。
これからもいろいろ勉強したいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
カーソルを合わせると文字が出...
-
ボタンを押したままにする。
-
pngやjsの後ろの英数字の意味は...
-
画像クリックでクリップボード...
-
スマホで、画像をクリックする...
-
背景画像を季節ごとに自動変更
-
クリックしても、リンクに飛ば...
-
予約語の表示について
-
リンク先にしているページを小...
-
リンクバナーのHTMLタグ。画像...
-
タイトルバーに画像を入れるHTM...
-
複数のボタンで1つのエリアに...
-
バナーのURLについて
-
すいません HTMLです この画像...
-
スライドショーの上にロゴマー...
-
代替テキストを素早く表示
-
FTPでimgタグがアップロード出...
-
datepickerを使ってカレンダー...
-
アドレスがあっているのにバナ...
-
WEBサイトの一部コンテンツがス...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
IMGタグでTIFF画像を表示
-
pngやjsの後ろの英数字の意味は...
-
スライドショーの上にロゴマー...
-
バナーの貼り方とバナーにリン...
-
背景が透明なリンクボタンで、...
-
HTMLにQRコードを挿入する方法
-
タイトルバーに画像を入れるHTM...
-
form以外でのpostってできますか?
-
HTMLでデスクトップの画像がでない
-
CSSなどでHTML全体の表示を拡大...
-
画像クリックでクリップボード...
-
すいません HTMLです この画像...
-
拡張子無しで画像を表示したいです
-
期間ごとに画像表示を切り替え...
-
クリックしても、リンクに飛ば...
-
特定の画像ファイルでレイアウ...
-
カウンターのHTMLソースを教え...
-
バナーのURLについて
-
クリッカブルMAP領域が分かる様...
おすすめ情報