Webページ上でMP3ファイルを再生(ストリーミング)する場合、下記の2つの方法がよく使われています。
- <embed>タグ、<object>タグで埋め込む。
- Flash製の音楽プレイヤーから読み込む。
1はXHTMLのみで記述できますが、ブラウザやプラグインに依存します。2はFlashプラグインがあれば再生できますが、音楽プレイヤーを用意する必要があります。
もっと簡単にMP3ファイルを再生させたいなら、「Yahoo! Media Player」がおすすめです。JavaScriptを1行読み込ませるだけで、MP3ファイルへのリンクが「再生ボタン」に変わります。
まず、MP3ファイルにリンクをはります。
<a href="xxxxx.mp3">リンク</a>
次に、</body>の直前に下記の一行を追加します。これで作業は完了です。
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
リンクをクリックすると、再生が始まります。動作を確認したい方は、「Yahoo! Media Player」のページをご覧ください。