今日はこのblogのこっそり試聴コーナーで作っているプレーヤーについて。
つかっているのはXSPF Web Music Player 。3つありますがextendedを使っています。まずこのプレーヤー.swfをサーバーにアップします。
次に流したい曲のファイルをサーバーにアップします。
さぁこれからが本番。プレイリストをつくります。以下のひな形をコピペしてください。
<?xml version="1.0" encoding="UTF-8"?>
<playlist version="0" xmlns = "http://xspf.org/ns/0/">
<title>プレーヤーの名前</title>
<trackList>
<track>
<location>音楽ファイルのURL</location>
<image>左ペインに表示させたい画像のURL(なくてもよい)</image>
<annotation>プレーヤーに表示する曲名</annotation>
</track>
</trackList>
</playlist>
上記の赤字の部分を適宜変更してください。<track>~</track>の部分を繰り返し記述することで曲数が増やせます。そしてこのファイルを拡張子.xspfで保存しサーバーにアップします。
あとはプレーヤーを表示したいところに以下の記述を加えるだけです。
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/
pub/shockwave/cabs/flash/
swflash.cab#version=7,0,0,0" width="400" height="152" >
<param name="allowScriptAccess" value="sameDomain"/>
<param name="movie" value=プレーヤー.swfのURL
?playlist_url=プレイリスト.xspfのURL"/>
<param name="quality" value="high"/>
<param name="bgcolor" value="#E6E6E6"/>
<embed src="プレーヤー.swfのURL
?playlist_url=プレイリスト.xspfのURL"
quality="high" bgcolor="#E6E6E6" name="xspf_player" allowscriptaccess="sameDomain"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/
getflashplayer" align="center"
height="152" width="400"></embed> </object>
上記赤字の部分は適宜変更。
ただ、楽天blogではこのhtmlははじかれてしまうのでこれを.htmlとしてファイル保存し&サーバーにアップし、そのURLを指定する方法をとってください。