ブログで使える埋め込みフラッシュMP3プレイヤー (その6)

	ブログをはじめるログイン

Twitter 人気記事

はてなブックマーク人気記事

iPhoneでTrick or Trea.. ｜KORG KAOSSILATORのデモ演..

ブログで使える埋め込みフラッシュMP3プレイヤー (その6)
» 音楽系ブログパーツ　 [編集]

またまた恒例のシンプルな埋め込みフラッシュプレイヤー紹介の第6弾です。
今回は Easy Musicplayer For Flash (EMFF) を紹介。

10種類のデザイン違いのプレイヤー

	old
	standard
	easy glaze
	easy glaze small
	silk
	silk button
	position blue
	wooden
	lila
	lila info

貼り付けコードはジェネレータで取得

　貼り付けコードを簡単に生成するコードジェネレーターも用意されているので、今回は貼り付けコード例の解説は省略します。

　第5回までのシンプルプレイヤーと違う点は、XSPF 形式のプレイリストを使って複数の曲を順に再生することができるところです。

　　

プレイヤーのダウンロード

　まず、EMFF のサイトでプレイヤー(SWF) が入った zip ファイルをダウンロードします。
　(直接 zip をダウンロードしたい人はここから)

　emff_0.5.0.zip を解凍したなかの skins というフォルダに10個の emff_*.swf ファイルが入っています。必要なのは SWF ファイルだけで他は特に必要ありません。

プレイヤーと再生ファイルの設置

　任意の Web サーバにプレイヤーを mp3 ファイルとあわせてアップロードしておきます (直接アクセスできないオンラインストレージなどは不可)。
　10個のプレイヤー全部をアップロードする必要はありませんが、容量もそんなに大きくないのでまとめて置いておいても良いかもしれません。

コードの貼り付け

　ファイルの準備ができたら、コードジェネレーターページで必要な項目を埋めれば貼り付け用のコードが生成されます。
　プレイヤー(SWF)ファイルと mp3 ファイルの置き場所が違う場合は、ファイル名だけでなく URL をすべて入力しましょう。あと、コードを貼り付けるページの URL とプレイヤーファイルの置き場所が違う場合は、コード内のプレイヤー(emff*.swf の部分)の URL 2箇所を変更する必要があります。

　記事の入力欄の見た目に合わせて自動的に改行タグ(<BR/>)が挿入されるブログは、コードの改行をなくして1行にまとめて貼り付けてください。

お試しあれ。

サンプルで使ってる曲はコレです。

[関連サイト]
　Easy Musicplayer For Flash (EMFF)
　Easy Musicplayer For Flash (EMFF) code generator

2007-11-01 23:33 nice!(2) コメント(14) トラックバック(2) 　»　カテゴリー：音楽系ブログパーツ

nice! 2

plum
2nd3rd

はじめまして！こちらで紹介していただいたものをＤＬして使わせていただきました。配布終了のものもいただきましたです。
ありがとうございました。(=^・^=)
by Hazz (2008-03-24 19:18)

Hazzさんコメントありがとうございます[ニコニコ]
分からないところとか、説明が間違ってるところとかあったら
気軽に指摘して頂けると助かります

by TAN (2008-03-24 21:21)

ご説明が丁寧で良くわかりました。
感謝しております。
長い間に好き放題に作っていたら
メチャクチャなＨＰになってしまいました。

楽天ブログで書きましたがよろしかったでしょうか。
またどうぞよろしくお願いします。
by Hazz (2008-03-24 22:29)

紹介してもらって全然かまいません。
ていうか、むしろありがたいです
by TAN (2008-03-24 23:08)

はじめまして。
ブログにmp3を埋め込む方法を探していたらここに着きました。
とてもわかりやすかったです(^^)。
私の記事で貴サイトの当該エントリを紹介させていただきました。
ありがとうございました。
by もんてーにゅ (2008-11-30 18:14)

もんてーにゅさん、コメント＆ご紹介いただきありがとうございます。
最近このシリーズ記事はサボり気味ですが、
いいのが見つかったらまた紹介したいと思ってます。

by TAN (2008-12-01 20:22)

２から７まで全部試してみたんですが一つも成功しないんです・・
ソースを見直しても変なところはないんですが原因はサーバーですかね？
by ひやね (2009-08-29 03:10)

ひやねさん、はじめまして。
貼り付けたコードを見ていないのでなんともいえませんが・・・

とりあえず、
1. 設置したプレイヤー(swfファイル)のURLをブラウザのアドレス欄に直接入れて見れるか
2. 設置したmp3ファイルのURLをブラウザのアドレス欄に直接入れてファイルにアクセスできるか (ダウンロードのダイアログもしくはMediaPlayerなとが起動するか)

1と2が両方OKなら、貼り付けたコードにおそらく問題があるのだと思います。
by TAN (2009-08-29 04:00)

解説のおかげで、難しそうだったプレイヤー設置ができました。
お礼申し上げます。
by Muratan 02 (2010-02-04 03:49)

Muratanさん、コメントありがとうございます。
他にもいろいろmp3プレイヤー紹介しているので参考にしてください。
by TAN (2010-02-04 04:15)

丁寧な解説有難う御座います。
早速やって上手くいきました。
（トラックバック設定させていただきました）

by feizyoa (2010-03-10 12:05)

feizyoaさんはじめまして。(TBありがとうございます)
他にもいろいろmp3プレイヤー紹介しているので
参考にしてみてください。
by TAN (2010-03-10 20:55)

はじめまして。
TAN様の丁寧なご説明にはとても助かっております。
一つ質問を宜しいでしょうか。
「lila」や「lila info」の「emff」とある部分を曲名に変更したいのですが可能でしょうか。
可能であれば、そのHTMLを教えて頂けると嬉しいです。
by Kanon (2010-04-19 22:33)

Kanonさんはじめまして。

再生ファイルに直接mp3を指定した場合は表示されないようですが、
XSPF形式のプレイリストファイルを作って
トラック情報(trackタグ)の中に曲名(titleタグ)を設定して、
再生ファイルの代わりにプレイリストを指定すれば表示されると思います。

XSPF形式のプレイリストファイルの作成はジェネレータを使うか、
http://www.xspf.org/quickstart/
を参考にしてみてください。
by TAN (2010-04-20 00:28)