音楽ファイルをクリックして別のフレームで再生させる方法について

解決済

質問者：P5KPremium
質問日時：2009/01/26 19:45
回答数：5件

現在バンド仲間用のホームページを作成しています。
現在、3つのフレームに分けて左側上にメニュー(フレーム名:menu)を、左下側をWMP(フレーム名:wmp)、そして右側にメニュー(フレーム名:main)で選択したページを表示するようにしています。

そこで、右側のフレーム(フレーム名:main)にバンドの練習中に録音したmp3ファイルを載せたいのですが、mainフレームのmp3をクリックして左下のフレーム(フレーム名:wmp)でmp3を再生するにはどうしたらいいでしょうか？
yahoo! media playerや、flashの埋め込み型プレイヤー等試しましたが、音楽を再生しながらmainフレームで写真のページの観覧が出来ない事、プレイヤー自体に予めファイルを登録しておくと、聞きたい音楽以外も聞かなければいけなくなってしまうことを等を理由にどうしてもmainフレームで選曲してwmpフレームで再生したいので、その方向でアドバイスのほどよろしくお願いいたします。<(_ _)>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

No.1

回答者： noname#100277
回答日時：2009/01/26 22:49

objectやembedでコントロールパネルを埋め込んだ「HTMLファイル」を作成して、メインフレームに表示させれば良いのでは？

再生の指定はタグ内に記述すれば良いのですから。
検索すれば詳細判明します。

この回答への補足

まず初めに、回答してくださり誠にありがとうございます。
早速ですが、
>objectやembedでコントロールパネルを埋め込んだ「HTMLファイル」を作成して、メインフレームに表示させれば良いのでは？
objectでプレイヤーを埋め込んだhtmlを作成してそれをmainフレームに表示させてしまうと、mainフレームのページを写真のページや他のページに変えてしまうと音楽も止まってしまいますよね。。
音楽を聴きながら、mainフレームで他のページを見たりしたいのでmainフレームには載せたくないのですが、、
mp3ファイル一覧をメインフレームでから選曲でき、wmpフレームで実際に再生するにはどうしたらいいでしょうか？よろしくお願いいたします。

補足日時：2009/01/26 23:29

通報する

- 0
- 件

通報する

No.2

回答者： t_freak
回答日時：2009/01/28 12:09

No.1で書かれているようなobjectやembedでコントロールパネルを埋め込んだ「HTMLファイル」（例：wmp.html）を作成して、mainフレームで

<a href="wmp.html" target="wmp">mp3</a>
という感じでリンクを設定すればいいのではないでしょうか？

参考URL：http://www.tagindex.com/html_tag/frame/a_target. …

この回答への補足

まず、回答していただき誠にありがとうございます。

もしかすると、objectとembedでコントロールパネルを埋め込んだhtml「wmp.html」内の<FileName>又は<src>に全てのmp3を埋め込んでおき、mainフレームの<a href="wmp.html" target="wmp">mp3</a>で再生ということでしょうか？

もし、そうだとすると例えば、再生させたい曲がA～Zまでの26曲あった場合、mainフレームで<a href="wmp.html" target="wmp">mp3</a>というリンクをクリックするとwmp.htmlに読み込ませた順番通りに再生してしまいますよね。
そうではなく、mainフレームでA～Zまでのリンクを作り、クリックしたリンクのmpだけをwmpフレームで再生させたいのです。

補足日時：2009/01/28 18:12

通報する

- 0
- 件

通報する

No.3

回答者： t_freak
回答日時：2009/01/28 20:47

No.2です。

こちらも補足させていただきます。

まず、wmpフレームで使うhtmlファイルをmp3ファイルの数だけ用意して、1つのhtmlに1つだけmp3を埋め込みます。
例えば、A～Zの26曲として、
wmp01.html　に　01.mp3を埋め込む
wmp02.html　に　02.mp3を埋め込む
　　・
　　・
　　・
wmp26.html　に　26.mp3を埋め込む

で、mainの方には
<a href="wmp01.html" target="wmp">A</a>
<a href="wmp02.html" target="wmp">B</a>
　　・
　　・
　　・
<a href="wmp26.html" target="wmp">Z</a>
とリンクを設定する。

こうすれば、聞きたい曲をクリックすればwmpフレームで対象となる曲のみが埋め込まれたhtmlファイルが展開されて、対象の曲だけを聞くことができます。

やり方はいろいろ考えられますが、これが一番簡単な方法です。

この回答への補足

早速の補足ありがとうございます。　(*- -)(*_ _)ペコリ
そうですよね。。　これならちゃんと動くのですが、できればたくさんのhtmlファイルを作らずにこのやり方でやったような動作をしたいのです。

補足日時：2009/01/30 00:30

通報する

- 0
- 件

通報する

No.4

回答者： N_A_O
回答日時：2009/01/29 19:54

wmp

この回答への補足

初めに、回答して頂きありがとうございます。　<(_ _)>

早速試してみましたが、知識不足のため「ページでエラーが発生しました」となってしまいます。

まず、wmpフレーム用wmp.htmlのほうですが、<head>内入れてたり、<body>内に入れたり、<script>～</script>までを<head>にいれ、<div>を<body>内に入れたりといろいろ試しましたが、結構どこに入れればいいのかわかりませんでした。
そして、mainフレーム用のmain.htmlは、parent.wmp.changeMusic('mp3のURL')を入れるのでいいのでしょうか？
知識不足ですが、どうぞよろしくお願いいたします。　<(_ _)>

補足日時：2009/01/30 00:34

通報する

- 0
- 件

通報する

No.5ベストアンサー

回答者： N_A_O
回答日時：2009/01/31 00:31

scriptはhead、divはbody　又は、両方ともbodyでも良い。

mainはその通り。
聞こえるか確認してみて
http://www.geocities.jp/n_a_o11/0/frameset.html
WIN　IE6 Safari Firefox Opera
Mac　IE5 Safari Firefox Opera
で確認済み。

- 0
- 件

通報する

この回答へのお礼

丁寧にわざわざお手本として、ページまで作成、公開までしていただき誠にありがとうございます。　<(_ _)>

パラメーター設定<param name>を勝手に改行していたのが原因でエラーが出てしまっていたようです。

公開してくださったページとそのソースを参考に改行せずに試してみたらばっちり動くようになりました！　本当にありがとうございます。　<(_ _)>

通報する

お礼日時：2009/02/01 20:53

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！