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

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

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

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

方法を教えて下さい。


●質問者: takllin
●カテゴリ:インターネット ウェブ制作
✍キーワード:MP3 OS カンタン クリック ファイル
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● doraemoon
●35ポイント

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

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

◎質問者からの返答

ありがとうございます。

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


2 ● RedSpinel
●35ポイント

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

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

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

◎質問者からの返答

ありがとうございます。

上記の方と同じです。


3 ● northapple
●10ポイント

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のページではいろいろなプレイヤーの形式やオプションについて解説していますので参考にされてください。

関連質問


●質問をもっと探す●



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