スポンサーサイト

--年--月--日 --:--

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

◆ サイト設置のMP3再生Flash Player

2009年05月07日 00:12

DAW野郎たるもの、日々コツコツと作成した自作曲を自サイトにUPしたりするわけだが、自サイトに設置するMP3再生のFlash Playerでどれが良いか色々探した結果、下記が現状ベストチョイス(3ッ星★★★)と認定!

★★★ Enrico Lai (FLASH MP3 PLAYER - FMP3) オリジナル・イタリア語サイト
★★★ Enrico Lai Google英訳サイト

■費用
・もちろん無料(Free)!!

■秀逸なデザインと豊富な機能
・背景、文字色、Playerサイズなどの任意変更も可能
・曲の秒・分数表示
・秒・分数スライダー
・音量スライダー
・リピート再生ボタン(もしくは自動リピート設定)
・その他、複数曲版やジャケ画像挿入版など色々あり

↓Enrico Lai単曲版サンプル(ルックスが素敵!)



■設置用HMLソースサンプル
Enrico Lai本家サイトにも設置用のHTMLサンプルが提供されるけど、使いやすいように多少編集してみた。
サーバ設定にも依存する部分があるけど、基本的には下記で問題ないと思う。
水色字の部分が各個人で任意設定できる部分です。

<object>
<embed wmode="transparent" src="XXXXXXXXXX/FMP3.swf
?mp3=XXXXXXXXXX.mp3
&title=●●●●●(楽曲タイトル:日本語可)
&color=000000&loop=no&lma=yes&textcolor=FFFFFF&action=stop" quality="high" bgcolor="#000000" width="260" height="60" name="FMP3" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>


■Playerファイル格納場所
XXXXXXXXXX/FMP3.swf ← DLしたFlash Player(FMP3.swf)ファイルの格納場所にてURLを記載。

■楽曲MP3ファイル格納場所
XXXXXXXXXX.mp3 ← 再生するMP3ファイルの格納場所にてURLを記載。

■楽曲タイトル
●●●●●(楽曲タイトル:日本語可) ← PLAYER上に表示される曲タイトル。サーバによっては日本語文字化けになるので、その場合は英語(半角)で。

■Playerの色
color=000000 ← Player自身の色設定。「000000」は黒だがRGB指定で変更可能。例えば赤ならcolor=FF0000、白ならcolor=FFFFFF。

■ループ再生
loop=no ← loop=yesにするとデフォルトでループ再生ON。

■ループボタン
lma=yes ← lma=noにするとループ再生ボタンが非表示になる。

■文字色
textcolor=FFFFFF ← PLAYER上の文字色。「FFFFFF」は白だがRGB指定で変更可能。

■自動再生
action=stop ← action=playにするとデフォルトで自動再生ON。

■四隅の色
bgcolor="#000000" ← 設置するサイトの背景色に合わせて、Playerの四隅の色をRGB指定。例えば赤ならbgcolor="#FF0000"。


ブログ設置の場合の注意点(重要)
上記サンプルHTMLはソース内で改行を挿入してます。
改行挿入の理由としては、MP3ファイル名や楽曲タイトル部分の編集を簡単にするためです。
しかしながらブログなど記事内にFlash Player埋め込む場合は「改行」挿入すると「文章の改行」とシステムが認識してしまいエラーになる可能性もあります。その場合は改行を削除してソースを繋げてください。
改行しないでソース繋げる場合は下記を参考に。

・コピペ用サンプル(改行コード削除)

<object><embed wmode="transparent" src="XXXXXXXXXX/FMP3.swf?mp3=XXXXXXXXXX.mp3&title=●●●●●(楽曲タイトル:日本語可)&color=000000&loop=no&lma=yes&textcolor=FFFFFF&action=stop" quality="high" bgcolor="#000000" width="260" height="60" name="FMP3" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>


>> 設置サンプルページ(jskc WEB)


コメント

  1. studio Onestep | URL | -

    Re: ◆ サイト設置のMP3再生Flash Player

    詳細な解説ありがとうございます。おかげでホームページに設置できました。

  2. jskc | URL | -

    Re: Re: ◆ サイト設置のMP3再生Flash Player

    どういたしまして。
    曲沢山ありすね。お互い日々精進ということで。

  3. bunta52 | URL | tbtHsh72

    Re: ◆ サイト設置のMP3再生Flash Player

    jskcさん
    こんばんわ。はじめまして!
    前々から ENRICOLAI,comのXSPF-PLAYERを設定しようと挑戦しては挫折の
    繰り返しをやっていたのですが、このたびjskcさんのブログの紹介を見て再び
    意欲と勇気が湧き、やっと自サーバーに設定することができました。
    ムチャクチャ感謝しております~~!!!
    ありがとうございました。

    わたしもオリジナル曲をUPして楽しんでいます。
    よろしければ遊びがてら聴き試しにお越しくださいませ ・・・ ^^;

    ・・・・ 今後ともよろしくお願いします。

  4. apple | URL | mQop/nM.

    Re: ◆ サイト設置のMP3再生Flash Player

    初めまして。FlashPalyerを探していて、こちらに辿り着きました。
    素敵なプレーヤーなので是非使いたいのですが、IEでは音が出ましたが、なぜかFireFoxでは出ないのです・・・。
    FFでも音を出すには、どうしたら良いでしょうか?
    もし分かりましたら、教えて頂きたいのですが。。。
    どうぞ宜しくお願い致します。

  5. apple | URL | mQop/nM.

    Re: ◆ サイト設置のMP3再生Flash Player

    すみません、先ほど投稿したappleです。
    あれこれやっていたら、なぜか音が出るようになりました(^^;
    解決しました。お騒がせして申し訳ありませんでした。では、失礼します。

  6. O文字α | URL | -

    Re: ◆ サイト設置のMP3再生Flash Player

    こんにちは! この記事とても役に立ちました! 懇切丁寧な説明ほんとにありがとうございます!!

  7. DMB | URL | -

    ◆ サイト設置のMP3再生Flash Player

    はじめまして こんばんわ

    こちらの記事を参考にして自分のFC2ブログにもMP3再生のプレイヤーを
    設置してみようと思います。

    ありがとうございました!

  8. yuji2830 | URL | -

    Re: ◆ サイト設置のMP3再生Flash Player

    ありがとうございます。ソース諸々使わせて頂きました。

コメントの投稿

(コメント編集・削除に必要)
(管理者にだけ表示を許可する)

トラックバック

この記事のトラックバックURL
http://jskc4daw.blog52.fc2.com/tb.php/89-2c823f87
この記事へのトラックバック


最新の記事


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。