xspf web music player
と、言うことで xspf web music player の取り付け方を書いておきます。まずはこちらからお好みのタイプをダウンロードして下さい。フォルダを開くと .as や .fla という拡張子のファイルも入っているのですが、それらはオープンソースの開発用なのでいりません(ソフトを持っている方だったらいじれます)。でサーバーに .swf のみをアップします。それから当然ですが載せる mp3 ファイルもアップします。
で具体的な取り付け方法は以下のようなものになります。
mp3単体ファイル・モードとプレイリスト・モードの違い(Embeding の赤字の部分です)
Embeding: ページへの埋め込み方(スリムタイプの場合)
Playlist: プレイリストの作り方
それから・・・さっき試したのだけど、どうやら日本語は表示出来ないかも・・・。単純にフォントの問題か?
参考
http://musicplayer.sourceforge.net/
http://www.xspf.org/
http://sourceforge.net/projects/musicplayer/
http://www.ic.sunysb.edu/stu/ahanley/music/help.htm
http://www.smoothouse.org/smoothouse/webjay.asp
http://musicplayer.sourceforge.net/button/test.html
http://www.hideout.com.br/blog/
http://webjay.org/
mp3単体ファイル・モードとプレイリスト・モードの違い(Embeding の赤字の部分です)
- mp3単体ファイル・モード時はパラメーター song_url を使ってこんな風に
http://.../xspf_player.swf?song_url=http://.../... 音楽ファイル.mp3&song_title=曲名
(&以下にパラメーター song_title=曲名 でタイトルを入れられます) - プレイリスト・モード時はパラメーター playlist_url を使ってこんな風に
http://.../xspf_player.swf?playlist_url=http://.../プレイリストファイル .xspf
Embeding: ページへの埋め込み方(スリムタイプの場合)
<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="200" height="17" >
<param name="allowScriptAccess" value="sameDomain"/>
<param name="movie" value="http://.../xspf_player_slim.swf?playlist_url=http://.../プレイリスト.xspf"/>
<param name="quality" value="high"/>
<param name="bgcolor" value="#E6E6E6"/>
<embed src="http://.../xspf_player_slim.swf?playlist_url=http://.../プレイリスト.xspf"
quality="high" bgcolor="#E6E6E6" name="xspf_player" allowscriptaccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
align="left" height="17" width="200"></embed>
</object>
- スリムタイプ、イクステンドタイプはこちらで自動的にスクリプトを書いてくれます。スリムタイプの場合 EMBEDDED:Fabricio's Music Player(400x15)、イクステンドタイプの場合 EMBEDDED:Fabricio's Music Player(400x153) を指定して下さい。
- ボタンタイプはこちらで自動的にスクリプトを書いてくれます。ボタンタイプの場合 <embed> タグはいらないようです。
- 赤字の部分(フラッシュファイルの場所、プレイリストやソングURLの場所)は自分用に書き換えて下さい。
Playlist: プレイリストの作り方
<?xml version="1.0" encoding="UTF-8"?>
<playlist version="0" xmlns = "http://xspf.org/ns/0/">
<title>プレイヤーのタイトル</title>
<trackList>
<track>
<location>1曲目のmp3ファイルのURL</location>
<image>1曲目の画像ファイルのURL</image>
<annotation>1曲目の曲名やアーチスト名</annotation>
<info>1曲目でリンクしたいURL(例えば自分のIDでアマゾン等へ)</info>
</track>
<track>
<location>2曲目のmp3ファイルのURL</location>
<image>2曲目の画像ファイルのURL</image>
<annotation>2曲目の曲名やアーチスト名</annotation>
<info>2曲目でリンクしたいURL(例えば自分のIDでアマゾン等へ)</info>
</track>
</trackList>
</playlist>
- テキストエディタで上記の形式で書き込み、名前を適当に付け拡張子を .xspf にしてサーバーにアップするだけです。
- <info>を使うときは埋め込みスクリプトの方に&でパラメーター info_button_text=Go to Amazon 等を付けることでプレイヤー左下にテキストを表示出来ます。
それから・・・さっき試したのだけど、どうやら日本語は表示出来ないかも・・・。単純にフォントの問題か?
参考
http://musicplayer.sourceforge.net/
http://www.xspf.org/
http://sourceforge.net/projects/musicplayer/
http://www.ic.sunysb.edu/stu/ahanley/music/help.htm
http://www.smoothouse.org/smoothouse/webjay.asp
http://musicplayer.sourceforge.net/button/test.html
http://www.hideout.com.br/blog/
http://webjay.org/



