人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

【JavaScript】で音楽の再生・停止をしたいのですが、具体的なスクリプトを教えてください。
★高ポイント&イルカ差し上げます。
********************
音楽1の再生
音楽2の再生
音楽3の再生
音楽の停止
********************
「音楽1の再生」をクリックすると「1.mid」が再生される。「音楽2の再生」をクリックすると「2.mid」が再生される。「音楽の停止」を押すと再生ストップといった具合です。オーディオプレーヤーは表示したくありません。ひとつのページで全て行いたいのですが可能でしょうか?


●質問者: tsuntsuku
●カテゴリ:インターネット ウェブ制作
✍キーワード:JavaScript MID ひとつ イルカ オーディオ
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● GEN111
●300ポイント ベストアンサー

こんな感じでどうでしょう。

<html>
 <head>
 <script type="text/javascript"><!--
 soundlist = ['01.mid', '02.mid', '03.mid'] ;

 function soundPlay(n) {
 var option = '"' ;
 option += ' autostart = "true"' ; // 自動再生
 option += ' loop = "true"' ; // ループ再生
 document.getElementById('player').innerHTML = '<embed src="' + soundlist[n-1] + option + ' />' ;
 }

 function soundStop() {
 document.getElementById('player').innerHTML = '' ;
 }
 //-->
 </script>
 </head>

 <body>
 <form>
 <button type="button" onclick="soundPlay(1)">音楽1</button>
 <button type="button" onclick="soundPlay(2)">音楽2</button>
 <button type="button" onclick="soundPlay(3)">音楽3</button>
 <button type="button" onclick="soundStop()">停止</button>
 </form>

 <div id="player" style="display:none"></div>
 </body>
</html>
◎質問者からの返答

GEN111さん、先日に続き本当にありがとうございます。早速試してみたのですが、どうも上手くいきません・・・なぜでしょう・・・もう少し試してみます。

すみません。ローカル環境で試していたからでした。上手くいきました!本当にありがとうございます!!またイルカもらってください。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ