ホームページの上でボタンをクリックしたらmp3の音楽が流れるようにしたいと思います。


普通にmp3ファイルへボタン画像からリンクを張るとプラグインが起動してしまうのですが、別ウィンドを開いたりせずに音楽を流したりとめたりすることはできないでしょうか。

・出来るだけ設置が簡単で
・mp3ファイルの差し替えがカンタンで
・ブラウザやOSに依存されない

方法を教えて下さい。

回答の条件
  • URL必須
  • 1人50回まで
  • 登録:2006/09/15 07:55:34
  • 終了:2006/09/22 08:00:03

回答(3件)

id:doraemoon No.1

doraemoon回答回数22ベストアンサー獲得回数12006/09/15 08:19:42

ポイント35pt

HTMLでできます。

一般的な方法はこれだと思います。


<EMBED src="ファイルのアドレス" width="105" height="45" controls="console" autostart="false" repeat="false">

width="横幅" height="縦幅" です。お好きなように設定してください。

autostart="false" だと、ページを開いてもボタンをおさないと曲が再生されません。trueにするとすぐ再生されます。

repeatは自動でリピートするかどうかです。falseだとリピートしません。trueだとします。



http://www.interq.or.jp/blue/inside/mp3/plug-in.html

ここら辺に少し詳しめに書いてあります

id:takllin

ありがとうございます。

それは考えたのですが、プレイヤーではなく再生とストップだけのボタンで曲が流せたらと思っています。

2006/09/15 10:57:57
id:RedSpinel No.2

RedSpinel回答回数32ベストアンサー獲得回数12006/09/15 09:03:40

ポイント35pt

http://q.hatena.ne.jp/1158274533

<embed src="mp3のURL" autostart="false" width="横幅" height="縦幅">

autostart="false"が「自動再生しない」という指定です。

id:takllin

ありがとうございます。

上記の方と同じです。

2006/09/15 10:58:29
id:northapple No.3

northapple回答回数85ベストアンサー獲得回数62006/09/15 18:59:05

ポイント10pt

XSPF Web Music Playerを利用されるとよろしいかと思います。

XSPF Web Music Playerはブラウザで使えるFlashのmp3プレイヤーです。

<html>
<head>
<title>Play mp3</title>
</head>
<body>
<object type="application/x-shockwave-flash"
data="http://musicplayer.sourceforge.net/button/musicplayer.swf?&song_url=http://hatena.g.hatena.ne.jp/files/hatena/b1e9324c3a025694.mp3&" 
width="17" height="17">
<param name="movie" 
value="http://musicplayer.sourceforge.net/button/musicplayer.swf?&song_url=http://hatena.g.hatena.ne.jp/files/hatena/b1e9324c3a025694.mp3&" />
<img src="noflash.gif" 
width="17" height="17" alt="" />
</object>
</body>
</html>

とかくと

と表示されます。

このサンプルでは音源として、週刊はてな塾第47号音声版を指定しています。

ご自身の音源ファイルにあわせて書き換えてご利用ください。

XSPF Web Music Playerのページではいろいろなプレイヤーの形式やオプションについて解説していますので参考にされてください。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません