2006年 12月 24日
PC上のMP3ファイルをWiiで聴く
この方法を取れば、Wiiに限らずFlashの使用できるブラウザで聴く事が可能ですが、
ここではWiiを例にとって説明します。

注意:
この方法は、PC上にHTTPファイルサーバを設置します。
常時稼動させる場合は、セキュリティに十分注意してください。





●プレイヤーの準備
FLASH MP3 PLAYERダウンロードします。

・解凍すると色々ファイルが出来ますが、基本的に以下の4つのファイルを使用します。
  mp3player.html
  mp3player.swf
  playlist.xml
  ufo.js
 サンプルで試したい場合は、song1.mp3とsong2.mp3も使用します。

・playlist.xmlを編集します。(このファイルで曲の順番などを指定します。)
 注意:日本語(全角文字)が使えないようです。
 1/5追記:gridbug様からの情報によると、UTF-8でファイルを編集すればokだそうです。
 <track>~</track>が一つの曲に相当します。
 <title>に曲のタイトル、<creator>に作者(アーティスト名)、<location>にMP3のファイル名を指定します。
 MP3ファイルは、上記のmp3player.html等があるフォルダ配下に置く必要が有ります。
 サンプルで試す場合は特に編集しなくてokです。

・mp3player.htmlを編集します。(このファイルでプレイヤーの見た目を指定します。)
 これもサンプルで試す場合は特に編集しなくてokです。
 15~20行目は1つのファイルを再生する時の指定方法です。
 26~31行目は先に説明したplaylist.xmlにしたがって再生する時の指定方法です。
 私の場合は、以下のように変更して使用しました。
  9行目の50pxを10pxに変更
  12~24行目まで削除
  width:"250",height:"200"をwidth:"480",height:"230"に変更
  displayheight=88をdisplayheight=50に変更
  (ランダム再生にしたい場合は、shuffle=falseをshuffle=trueに変更)

・上記指定が終わったら、1つのフォルダ内に入れておきます。
 例として、flash_mp3_playerというフォルダに以下のファイルを保存したとします。
  mp3player.html
  mp3player.swf
  playlist.xml
  ufo.js
  song1.mp3
  song2.mp3


●サーバの準備
HFSという、HTTPファイルサーバをダウンロードします。(現時点でバージョン2.1c)

b0040759_1464836.jpg・一番最初に起動したときに表示されるダイアログは、マウスを右クリックしたときのメニューにHFS関連の物を追加するかどうかと言う物なので、お好みで。
今回はNoを選びました。

b0040759_148462.jpg・実行して表示されたウィンドウに、「プレイヤーの準備」で作成したフォルダ(ここの例ではflash_mp3_player)をドラッグ&ドロップします。
 What kind of folder do you want?
というダイアログではどちらを選んでも問題ありませんが、フォルダの中身を更新した時に自動的に反映してくれるReal folderを選択すると便利だと思われます。

b0040759_1523156.jpg・左上のボタンが「ON」になっていることを確認してください。
 パソコンのファイヤーウォールが有効になっている場合は、HFSに対してのアクセスが有効になるようにして置いてください。
左の例の場合、HFSが起動しているPCのIPアドレスは、192.168.0.14です。

・その他、細かい設定はここでは省略します。
 パスワードをかけたりすることも可能です。


●Wiiからのアクセス
・Operaを起動し、PCのアドレスを指定します。
 例えばPCのアドレスが192.168.0.14なら、http://192.168.0.14 と入力します。
b0040759_159090.jpg

・登録したフォルダ(ここではflash_mp3_player)を選択し、次に表示される画面でmp3player.htmlを選択すると、プレイヤーが表示されます。
サンプルをそのまま使うと、以下のような画面になります。
プレイヤーが表示されたらお気に入りに登録すると、次回以降のアクセスが楽になります。
b0040759_202093.jpg
・上の画像の場合、上側が一曲のみ再生する場合、下側がプレイリストに従って再生する場合の例です。


●その他
・今回はMP3プレイヤーを使いましたが、他のプレイヤーが用意できれば、他の物も見る事が出来ます。
 上記mp3プレイヤーとほぼ同じように使用できるFlashVideoPlayerも有ります。
 (ただ、現時点では大体4~5MBを超えるサイズのファイルを再生しようとすると、止まってしまうようです。PCでアクセスした場合は動作するので、これはWiiのブラウザの問題のようなので、製品版で改善されている事を祈ります。
 (↑FLVのプログレッシブダウンロードではなく、FLV のストリーミングで視聴できるようにすれば回避可能?)

2007/4/12 追記:正式版では大分改善されています。こちらの環境では、たまに不安定になるものの、18MB程度のファイルが再生できる事を確認しました。
また、HFSにjpegの入ったフォルダを登録して、ブラウザでjpeg画像を見ることも普通に可能です。

・HFSで表示した画面が文字化けする場合、以下の手順を試してみてください。
b0040759_273680.jpgYou are in Easy mode と書かれた部分をクリックして、You are in Expert mode に切り替えます。

b0040759_293216.jpgMenuボタンをクリックして、Edit HTML template... を選びます。

b0040759_211253.jpgUTF-8と書かれた部分を、Shift_JISに変更し、左上のOkをクリックして保存します。
[PR]
by olbaid | 2006-12-24 21:18 | Wii,NDS,GB
<< Wii ニュースチャンネル Wii インターネットチャンネル >>


mitei