Miku Player

概要

フラッシュによるＭＰ３プレイヤー


（通常版 300x260）	（Mini 150x260）

製作

イラスト：シガタケ氏／画展（http://shigatake.web.infoseek.co.jp/index.html）
フラッシュ：くろっく

制限

再生可能なＭＰ３ファイルは以下の形式のみです。
４４ＫＨｚ／２２ＫＨｚ／１１ＫＨｚ
固定ビットレート（ＣＢＲ）
（Ｆｌａｓｈの仕様）

通常版と Mini の違い

基本的な設定などに関しては共通となります。
ただし、以下の点のみ異なります。

・ファイル（通常版　→　Mini）
mikuplayer.swf　→　mikuplayerm.swf

・ＨＴＭＬ（通常版　→　Mini）
Miku_Player_Write();　→　Miku_Player_Mini_Write();

設置方法（通常版）

・前提
ＤＬした状態では http://example.com/mikuplayer/ に設置する設定となっています。
そのため、以下の説明は必要に応じて読み替えて下さい。
また、設置対象は player.html としてあります。

・この例におけるアップロード先
http://example.com/mikuplayer/mikuplayer.swf（本体）
http://example.com/mikuplayer/swfobject.js（ライブラリ）
http://example.com/mikuplayer/mikuplayer.js（ライブラリ）
http://example.com/mikuplayer/player.html（設置対象）
http://example.com/mikuplayer/file1.mp3（再生対象）
http://example.com/mikuplayer/file2.mp3（再生対象）

・準備
まずは mikuplayer.js の設定を変更。（１７行目のみ）

--- ここから ---
miku_player_base = 'http://example.com/mikuplayer/';
--- ここまで ---

の赤字部分を設置場所に変更してください。
必ず／で終わるようにしてください。
次に必要な３ファイルをアップロードしてください。
　mikuplayer.swf
　swfobject.js
　mikuplayer.js

・設置
赤字の部分を設置場所に変更し、斜線部分は再生したいＭＰ３ファイルとした上で、以下のＨＴＭＬを組み込んでください。（この例の場合は player.html に以下を書き加える）

--- ここから ---
<script type="text/javascript" src="http://example.com/mikuplayer/mikuplayer.js"></script>
<script type="text/javascript">

</script>
--- ここまで ---

再生するＭＰ３ファイルの数に合わせて Miku_Player_Add で始まる行を増減させてください。

・確認
player.html をアップロードして確認。
http://example.com/mikuplayer/player.html

設置方法（Mini）

・前提
ＤＬした状態では http://example.com/mikuplayer/ に設置する設定となっています。
そのため、以下の説明は必要に応じて読み替えて下さい。
また、設置対象は player.html としてあります。

・この例におけるアップロード先
http://example.com/mikuplayer/mikuplayerm.swf（本体）
http://example.com/mikuplayer/swfobject.js（ライブラリ）
http://example.com/mikuplayer/mikuplayer.js（ライブラリ）
http://example.com/mikuplayer/player.html（設置対象）
http://example.com/mikuplayer/file1.mp3（再生対象）
http://example.com/mikuplayer/file2.mp3（再生対象）

・準備
まずは mikuplayer.js の設定を変更。（１７行目のみ）

--- ここから ---
miku_player_base = 'http://example.com/mikuplayer/';
--- ここまで ---

の赤字部分を設置場所に変更してください。
必ず／で終わるようにしてください。
次に必要な３ファイルをアップロードしてください。
　mikuplayerm.swf
　swfobject.js
　mikuplayer.js

・設置
赤字の部分を設置場所に変更し、斜線部分は再生したいＭＰ３ファイルとした上で、以下のＨＴＭＬを組み込んでください。（この例の場合は player.html に以下を書き加える）

--- ここから ---
<script type="text/javascript" src="http://example.com/mikuplayer/mikuplayer.js"></script>
<script type="text/javascript">

</script>
--- ここまで ---

再生するＭＰ３ファイルの数に合わせて Miku_Player_Add で始まる行を増減させてください。

・確認
player.html をアップロードして確認。
http://example.com/mikuplayer/player.html

設置方法（補足）

ブログの場合も上記と同様となります。
ただし、設置対象のみ異なることになります。
常時表示させておきたい場合はデザインやプラグインのＨＴＭＬに上記の内容（設置の項目のＨＴＭＬ）を組み込んでください。
また、記事で利用する場合は記事内に上記の内容を組み込んでください。
その場合は、自動改行が有効だと問題が発生する可能性があります。
なお、現時点では１つのページに複数設置することは想定していません。
（通常版とMiniの併用も想定していません）

詳細設定（色変更）

背景色などを変更したい場合は、以下を変更してください。

Miku_Player_Color("背景色" , "枠・コントロールの色" , 枠の幅);

背景色・枠の色などは一般的なＨＴＭＬの色指定と同様です。
（#000000 ～ #ffffff の16進表記／色名は不可）
枠の幅は 0 ～ 15 ですが、単位がドットではないので注意してください。

個別に指定したい場合は以下に置き換えてください。

Miku_Player_Color1("背景色" , "枠の色" , 枠の幅);
Miku_Player_Color2("リスト背景色" , "リスト枠の色" , リスト枠の幅);
Miku_Player_Color3("コントロールの色");

枠の幅は 0 ～ 15 、リスト枠の幅は 0 ～ 7 ですが、単位がドットではないので注意してください。

詳細設定（アニメーション速度変更）

アニメーション速度をＢＰＭベースで変更したい場合は、Miku_Player_Add で始まる行を以下のように変更してください。

Miku_Player_Add2("曲名","http://example.com/mikuplayer/file2.mp3" , 0, 120);

内容は以下の通りとなります。

Miku_Player_Add2("曲名","ＭＰ３ファイルのＵＲＬ", アニメーションの種類, ＢＰＭ);

アニメーションの種類は０～３となっており、０が２と３のランダムとなっている他はプレイヤー上部の番号と同じものです。（１：立ち絵　２：口パク　３：ダンス）
また、ＢＰＭについては、スライダー中央の速度を変更することになります。