まずmediaplayerをダウンロード　→　http://www.jeroenwijering.com/?item=JW_FLV_Media_Player

解凍しmediaplayer.swfとswfobject.js を自分のジオ(http://geocities.yahoo.co.jp/services)にアップロード

あ、ヤフーブログ前提で書いてますがアップする場所はジオ以外でも大丈夫です

私の場合は↓

/swf/Player/ に mediaplayer.swf と swfobject.js

/playlist/に Holosound.xml　※これは同封されてません。後述

アドレスは以下のようになります

http://music.geocities.jp/static_blue0710/swf/Player/swfobject.js
http://music.geocities.jp/static_blue0710/swf/Player/mediaplayer.swf
http://music.geocities.jp/static_blue0710/playlist/Holosound.xml

●単曲紹介する場合

SETUP WIZARDを使います　→　http://www.jeroenwijering.com/?page=wizard&example=22

1: Select an example setup の Mediaplayer with a single MP3を選択

2: Tweak the available flashvars の The basicsという項目のfile欄に紹介したいmp3のURLをコピペ

あとは好みでフォントの色やプレイヤーの配色、こまかい動作を設定。面倒だったらそのままで

最後に3: Check the preview and copy the codeから必要な部分をコピペします

↓を参考に

◆　ヤフーブログの場合(wiki使用)　◆

http://music.geocities.jp/static_blue0710/swf/Player/mediaplayer.swf?height=20&width=470&file=http://www.holosoundnyc.com/mixes/Holosound%20-%20Happy%20Holodays%20MI.mp3&backcolor=0x000000&frontcolor=0xCCCCFF&lightcolor=0xFFFFFF&screencolor=0xFF0000&showstop=true,470,20

※mp3はhttp://www.holosoundnyc.com/mixes/Holosound%20-%20Happy%20Holodays%20MI.mp3を使用

swf?の後ろにflashvars="＊＊＊"の＊＊＊をくっつけるだけ

最後に横幅　→　width="470"、縦幅　→　height="20"　を指定する

サイズを弄ってる方は表示される数値を指定

あとは貼るだけです

◆　ヤフー以外のブログ　◆

コード欄下のget the swfobject code.をクリックして表示されるコードをコピペ

あと全部同じ…だったような(;´･ω･｀)

↓はMediaplayer with MP3, preview image and different colorsでimageを指定したもの

http://music.geocities.jp/static_blue0710/swf/Player/mediaplayer.swf?height=400&width=400&file=http://www.holosoundnyc.com/mixes/Holosound%20-%20Happy%20Holodays%20MI.mp3&image=http://music.geocities.jp/static_blue0710/pic/xspf_player/10.JPG&backcolor=0x112200&frontcolor=0xffffff&lightcolor=0x88BB00

タグ

http://music.geocities.jp/static_blue0710/swf/Player/mediaplayer.swf?height=400&width=400&file=http://www.holosoundnyc.com/mixes/Holosound%20-%20Happy%20Holodays%20MI.mp3&image=http://music.geocities.jp/static_blue0710/pic/xspf_player/10.JPG&backcolor=0x112200&frontcolor=0xffffff&lightcolor=0x88BB00,400,400

mp3以外にもflvやswf、RTMPやHTTP、mmsなどのストリームまで、使い方がいくらでもあります

flvはyoutube等で有名な動画の形式ですね。他にもmp4も使えるみたいだし…

あ、でもyoutubeから直接リンク貼って再生するのは出来ませんでした

出来た方は教えてくださいね＾＾；

●次はPlaylistを使用する場合

まずはコレをご覧下さい　→　http://music.geocities.jp/static_blue0710/playlist/Holosound.xml

昨日の記事で実際使ったxmlです

以下説明

<track>

<image></image>　画像のURL
<title></title>　曲のタイトル
<creator></creator> 　アーティスト名等
<location></location> 　mp3などのURL
<info></info>　曲の詳細などリンクしたいURL　例：amazonなど

</track>

※これ以外にも指定できるようです

要は<>＊＊＊</>の＊＊＊を書き換えればいいわけです

そもそもxmlとか聞くと難しそうですけどただのテキストファイルなのでご安心を

メモ帳などでこのxmlをコピペするだけです

あとは自分用にURLやタイトルを書き換えて、保存する時に拡張子を.txtから.xmlに変えて下さい

Playlist(xml)が完成したらアップロードします

ヤフーブログの方はジオで問題ないです　→　クリック♪

ファイル管理ツールのEZアップローダーなどで好きなディレクトリにxmlをアップしてください

ディレクトリの名前は単純に「xml」とか、自由に

アップロードが終わったらファイルのURLをコピーしておいてください

(ファイル横の「表示」というリンクのアドレスをメモ帳などにコピペ)

再びSETUP WIZARDのページを開きます　→　クリック♪

1: Select an example setupのプルダウンメニューからMediaplayer with a playlist of MP3's, displayed at the rightを選択

fileの欄に先ほどアップロードしたxmlのアドレス(URL)をペースト

あとは単曲の時と同じで好きなようにカスタマイズし、最後にコードをコピペ

例:

http://music.geocities.jp/static_blue0710/swf/Player/mediaplayer.swf?height=134&width=400&file=http://music.geocities.jp/static_blue0710/playlist/Holosound.xml&displaywidth=140&overstretch=true&showstop=true&shuffle=false,400,134

あとは記事に貼るだけ

…

…疲れｔ

もし不明な点があれば説明させていただきます

わかる範囲で＾＾；

あと画像は昨日と同じでフリー素材です

曲(mix)も昨日と同じ～

転載とか自由に～…