So-net無料ブログ作成
» スポンサーリンク

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

だいぶ前にやった埋め込みフラッシュMP3プレイヤー紹介の第二弾です。
今回紹介するのは 1 Pixel Out でブログソフトウェアの WordPress のプラグインとして配布されているものですが、SWF 本体を使えば他のブログでも使用することができます。

プレイヤー本体のダウンロードと前準備

 配布サイト でまず audio-player.zip をダウンロードします。解凍するとフォルダのなかに player.swf が入っているので、再生したい MP3 ファイルとあわせてアップロードします。

 ブログのサーバにフラッシュや MP3 がアップロードできない場合は、ホームページの空きスペースや別の場所にアップロードする必要があります (直接アクセスできないオンラインストレージなどは不可)。

コードの貼り付け

 アップロードができたら、下の埋め込みコードの SWF ファイルと MP3 ファイルの URL を各自のものに変更してブログの記事に貼り付ければ完成です。(そのまま貼り付けても動きません)

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

<object type="application/x-shockwave-flash" data="http://~/player.swf" id="audioplayer1" height="24" width="290">
<param name="movie" value="http://~/player.swf" />
<param name="FlashVars" value="playerID=1&amp;soundFile=http://~/sample.mp3" />
<param name="quality" value="high" />
<param name="menu" value="false" />
<param name="wmode" value="transparent" />
</object>

設置例


  ↓こんな感じになります。


カスタマイズ

 配布サイトの説明にあるように、色やオートプレイON/OFF、ループON/OFFの設定も変えることができます。パラメータ FlashVars の Value に変更する項目を指定します。各項目の間は &amp; をつけて区切ります。

オプション 内容
autostart=yes オートスタート有効 (デフォルトは no )
loop=yes ループ再生有効 (デフォルトは no )
bg=0x000000 再生バー背景色 (RGB 形式でそれぞれ256段階の16進数00~FFで指定)
leftbg=0x000000 左部分(スピーカーアイコン)背景色
rightbg=0x000000 再生ボタン背景色
rightbghover=0x000000 マウスオーバー(ホバー)時の再生ボタンの背景色
lefticon=0x000000 スピーカーアイコンの色
righticon=0x000000 再生ボタンの色
righticonhover=0x000000 マウスオーバー(ホバー)時の再生ボタンの色
text=0x000000 テキストの色
slider=0x000000 スライダー(つまみ)の色
loader=0x000000 プログレスバーの再生済みの部分の色
track=0x000000 プログレスバーの未再生の部分の色
border=0x000000 プログレスバーの枠の色

↓左側の再生ボタンの背景色を変える例
<param name="FlashVars" value="leftbg=0xFF6532&amp;playerID=1&amp;soundFile=http://~/sample.mp3" />



[追記 2010/05/15] Version 2.0

久しぶりにサイトをのぞいたらいつのまにか Version 2.0 がリリースされていました。

 使い方やオプションは以前とほぼ同じですが、新機能として mp3 ファイルをカンマ「,」で区切って複数指定できるようになったのと、タイトルとアーティスト名がオプションで直接指定できるようになっています。(こちらも複数に対応)

オプション 内容
soundFile=mp3のURL
soundFile=1曲目のmp3,2曲目のmp3
再生する mp3 の URL
titles=タイトル
titles=1曲目タイトル,2曲目タイトル
タイトル (注意: titles=)
mp3 ファイル内の ID3 情報よりも優先される
artists=アーティスト
artists=1曲目アーティスト,2曲目アーティスト
アーティスト (注意: artists=)
mp3 ファイル内の ID3 情報よりも優先される
initialvolume=ボリューム初期値 0~100

<param name="FlashVars" value="playerID=1&amp;soundFile=http://~/sample.mp3&amp;titles=タイトル&amp;artists=アーティスト" />

複数指定の例
<param name="FlashVars" value="playerID=1&amp;soundFile=http://~/1曲目.mp3,http://~/2曲目.mp3&amp;titles=1曲目タイトル,2曲目タイトル&amp;artists=1曲目アーティスト,2曲目アーティスト" />

  ↓ Version 2.0 の例 (1曲だけ指定)


[関連サイト]
 1 Pixel Out » Audio Player Wordpress plugin
 WordPress Audio Player


この記事で使っている曲(Crickets' Clicks)は TAN に著作権があります。
Creative Commons License - Creative Commons クリエイティブ・コモンズ>帰属 - 非営利 - 派生禁止 2.1 日本
nice!(2)  コメント(91)  トラックバック(1)   » カテゴリー:音楽系ブログパーツ
permalink
trackback


» スポンサーリンク
DMR

サウンドハウス


nice! 2

コメント 91

ヒロシ

はじめまして、初めて見さしてもらいましたが、音楽・コンピュータの情報が凄いですね!びっくりしました。
ところで、2/11のブログに書かれてあるelectrixのフィルターはすでに売却されたのでしょうか?まだであれば値段等を詳しく教えていただけますか?
by ヒロシ (2007-03-23 19:21) 

TAN

ヒロシさん、コメントありがとうございます。
Filter Queen と EQ Killer まだ2台ずつありますよ。
1台ずつはまだしばらく手元に置いておこうと思うので、
Filter Queen と EQ Killer各1台ずつであればお譲りできます。

買ったときの価格はすっかり忘れてしまったのと[汗汗]、
中古相場がよく分からないので、
どちらも各8000円くらいでどうでしょうか?
Filter Queen と EQ Killerセットで買うならあわせて15000円にします。

本体キズなし、箱あり、取説あり、ACアダプターあり、
あと、2つ繋げてラックに取りつけるための連結金具が付いてます。
by TAN (2007-03-23 20:17) 

ヒロシ

早速の返信ありがとうございます。では両方とも譲っていただけますか?プロフィールにあるGmailのアドレスにメールを送らしてもらってもいいですか?
by ヒロシ (2007-03-23 21:39) 

TAN

分かりました。
セットでお譲りします。
Gmailでメールお待ちしております。

このコメントを読んで別人が成りすます可能性もありますので、
ヒロシさん御本人かどうか確認ができるような
何か良い方法があればよいのですが・・・
by TAN (2007-03-23 22:09) 

ヒロシ

先ほど連絡先を記したメールを送らせていただきました。
名前はフルネームでオチヒロシです。

本人確認ですが、このメールの内容と、他に何か可能でしょうか?思いつくことがあれば、おっしゃっていただくとありがたいです
by ヒロシ (2007-03-23 22:29) 

TAN

さっきのコメントを書いた後で、
本名がヒロシさんならそれで確認できると思っていたところに、
もうコメントが・・・(笑)

メール受け取りました。
問題ないと思います。
後ほど詳細を返信しますので、しばらくお待ちください。
by TAN (2007-03-23 22:47) 

ヒロシ

どうもありがとうございます。
ではメールお待ちしてます
by ヒロシ (2007-03-23 23:08) 

苦戦してます

こんばんは、ブログ内にフラッシュプレイヤーを使用したく設置してみたのですが、どうも上手くいきません;

ヤフーのジオシティのスペースにswfファイルとUPしたいmp3ファイルをアップし、あとはタグを変えるだけと、理屈はわかっているのですが・・・。

いろいろ調べているのですが、問題点が全然わからなくて・・・困っています。
ブログのURLを記載しておいたのでお忙しいとは思いますがよかったら一度見てみてくださいませんか?
by 苦戦してます (2007-12-21 01:52) 

TAN

「苦戦してます」さん、ブログ拝見しました。

ソースを見たところ、<OBJECT> ~ </OBJECT> 間に余計な改行タグ <BR/> がいくつか入っています。
それを取り除けば正常に表示されるはずです。

ブログのシステムが勝手に改行タグを追加する場合は、<OBJECT> ~ </OBJECT>までを編集画面でも改行せずに連結して1行で書いてみてください。

ところで、TWとはまた懐かしい・・・
初期の頃にしばらくナヤトレイでやってたことあるんですよ。
by TAN (2007-12-21 02:54) 

苦戦してます

見てくださってありがとうございますm(_ _)m
なるほど・・・改行タグ見落としていました;

あのブログの編集画面はプレイヤーのタグを貼り付けると、クリックやバックスペースなどが効かなくなるのでメモ帳で編集してから試してみます
本当にありがとうございます!早速やってみます。


これは偶然ですね・・・TWやられていたようで。
結構前から考えてはいたんですが忙しかったため結局今になってしまったんですよ;;
by 苦戦してます (2007-12-21 22:01) 

mike

初めまして

ヤフーのジオシティのスペースに必要なものをUPしてタグを変えてやってみたのですが何故か表示されません;
ちなみにFC2ブログです。
その2、その3両方試したのですができませんでした・・・。
FC2の方でmp3以外をUPしてやってみるとプレイヤーは表示されるのですが音楽は流れませんでした。

いろいろとやってみたのですがうまくいきませんでした;
もしよければお返事お待ちしております・・・。

by mike (2008-03-26 17:14) 

TAN

mikeさん、一時的な記事でいいので組み込んだものを見せてもらえないでしょうか。
でないとどこが間違っているのか分かりません・・・
by TAN (2008-03-26 20:06) 

mike

すいません;
プラグインに組み込みました。
表示もされませんでした;

お願いいたします;
あと、その3のもので試してみています。
by mike (2008-03-27 03:50) 

mike

なんどもコメントすみません;
ヤフーのジオシティのスペースにアップしていたのを別のところに変えたところちゃんと表示されて音楽も流れるようになりました!
私には原因は分かりませんでしたが設置できてよかったです;

お手数掛けました;
本当にすいませんでした><;
by mike (2008-03-27 04:45) 

TAN

上手くいったようですね[ニコニコ]
もし分からないことがあったらまた気軽に聞いてください
by TAN (2008-03-27 12:32) 

みめい

これはブログではなく、ホームページでボイスを流すのにも使えますか?
by みめい (2008-04-29 11:52) 

TAN

みめいさん、はじめまして。
ブログ以外でも使えますよ。ぜひトライしてみてください。

再生ファイルを置く場所を確保する必要があるので、
どちらかというとブログよりホームページのほうが設置しやすいと思います。
by TAN (2008-04-29 12:33) 

高橋

初めまして
突然ですが質問失礼致します。

再生するのですが何故か早送りで再生されてしまいます。
通常の速度で再生するにはどうすればいいのでしょうか

何卒宜しくお願い致します。
by 高橋 (2008-08-14 15:22) 

TAN

高橋さん、はじめまして。
再生ファイルのサンプルレートとビットレートを確認してみてください。
(Winならファイルの右クリックでプロパティ→概要→詳細設定)

サンプルレートが11kHz 、22kHz、44.1kHz以外で
エンコードされていると早回しみたいになります。
同じく、ビットレートが64kbps、128kbps以外でも早回しになるようです。

現状ではFlashの仕様ということらしいので、
再生ファイルを適正なレートでエンコードしなおすしかないようです。
by TAN (2008-08-14 16:36) 

高橋

TAN様

ご丁寧にありがとうございました。
またなにかありましたら宜しくお願い致します。
by 高橋 (2008-08-14 17:45) 

hiiko

はじめまして。
日記に、こちらを使用しました。
最初、VOON(だったかな?)を使用して音楽をUPしたんですけど、最後に宣伝の言葉が入ってしまい、どうにかならないかと、色々と検索して、こちらにたどり着きました。

説明なども丁寧だったので、迷うこと無く無事設置出来ました。
有り難うございます!!
また、よらせてもらいま〜す♪
by hiiko (2009-01-13 15:13) 

TAN

hiikoさん、はじめまして。
こちらこそ参考にしていただきありがとうございます。

この記事以外にもいろんなタイプのプレイヤーを紹介してるので
よかったら見てみてください。
by TAN (2009-01-13 15:31) 

ひろあき

はじめまして
FC2ブログを使っていまして
ファイルはwindows live の skydrive にアップしました。
タグを貼り付けたら記事の編集画面でずっと待機中になって
そのまま更新して、ブログを見るとプレイヤーが表示されなくて
待機中になってます。
ソースから<br/>も消してみたりしたのですが
うまくいきません。
お手数ですが、教えていただけませんか。
よろしくお願いいたします。


by ひろあき (2009-01-21 15:14) 

TAN

ひろあきさん、はじめまして。
原因はおそらくファイルをskydriveに置いているからだと思います。
skydriveはmp3ファイルに直接リンクするURLは生成できなかったはずです。
ファイルのURLをブラウザに入れてちゃんと再生されますか?
skydriveのページが表示されるはずです。

あと、プレイヤー本体(swfファイル)はどこにアップロードしましたか?
プレイヤー本体のURLが正しくないと当然表示されません。

ファイルに直接アクセスできる別のサーバにファイルを置いて試してみてください。
by TAN (2009-01-21 23:50) 

ひろあき

ファイルのURLをブラウザに入れたら
skydriveのページでした。
swfファイルもskydriveの同じフォルダに入れました。
ほかのサーバーにしてみます。
ご丁寧にありがとうございます。
by ひろあき (2009-01-22 00:20) 

ひろあき

おかげさまで成功しました。
どうもありがとうございました。
by ひろあき (2009-01-22 05:16) 

TAN

>ひろあきさん
上手くいってよかったです[__チョキ]
また分からないことがあったら気軽に質問してください。


by TAN (2009-01-22 15:57) 

まさる

質問です
このプレーヤーで流れる音をダウンロード出来るようにはできるのでしょうか?
by まさる (2009-02-13 02:29) 

TAN

このプレイヤーはダウンロードボタンのようなものは用意されていないのでできません。

他のプレイヤーもほとんどが対応していませんが、いちばん最初に紹介したFLASH SINGLE MP3 PLAYERはダウンロードボタンをつけることができます。(関連記事にある一番下の記事参照)

by TAN (2009-02-13 02:47) 

かじcorekraft

はじめまして
プレーヤーはめてみたのですが<ブログで使える埋め込みフラッシュMP3プレイヤー (その2)>
48:17あるmp.3ファイルなんですが
全部再生できません
全部を再生させる方法ってありますか?
できればこのプレーヤーを使いたいので
何かいい方法あれば教えてください
どうぞお願いします

http://www.myspace.com/corekraft
こちらからメッセージいただけたら幸いです
by かじcorekraft (2009-03-31 01:28) 

TAN

かじcorekraft さん、はじめまして。

このプレイヤーはPodcastの簡易再生でもよく使われているので
48分くらいの長い曲でも多分問題ないはずですが、
自分が作ったわけではないので詳しいことは分かりません。

設置したページを知らせてもらえればチェックやアドバイスもやりやすいので、
支障がなければここにURLを書くか、もしくはメールで教えてください。

(MySpaceのアカウントは持っていないのでここに返信しました)
by TAN (2009-03-31 13:36) 

かじcorekraft

お返事ありがとうございます
http://cracktown.web.fc2.com/index.html
ここに設置してあります
一度見てみてください
よろしくお願いします


by かじcorekraft (2009-03-31 15:07) 

かじcorekraft

mp3をエンコードし直したら直ったように思います
一度見てみてください
たびたびすいません
by かじcorekraft (2009-03-31 15:20) 

TAN

最後まで聴けました。
多分大丈夫だと思います。
by TAN (2009-03-31 21:00) 

かじcorekraft

安心しました~
ありがとうございます
by かじcorekraft (2009-04-02 17:53) 

馬ミンチ

はじめまして。プレーヤーが素敵だったので設置させてもらってます[ラブラブハート]
設置して5~10分は曲が聞けるのですが、ある程度時間が経つとエラーと表示されます。
お忙しいとは思いますが、一度ブログを見ていただけませんか[汗汗]
お願いします<(_ _)>
by 馬ミンチ (2009-04-08 16:52) 

TAN

馬ミンチさん、はじめまして。

プレイヤーとmp3を置いてあるサーバに、swfとmp3それぞれURLを
指定してブラウザから直接アクセスするとmp3はエラーがでています。

エラーコードが404なので、おそらく該当のファイルがないのだと思います。

ファイル名を打ち間違ったか、もしくはサーバ側でmp3に対する制限
(mp3がアップロードされると自動的に消されるとか)があるのかもしれません。
by TAN (2009-04-08 21:34) 

馬ミンチ

ファイルを掲示板に上げていたのですが、掲示板側の直リン対策でかなりの頻度でURLが変わる仕組みになっていたようです。
直リン可能な掲示板を探して見ます[目玉]

TANさん、ありがとうございます(*´ω`)
助かりました[パー]
by 馬ミンチ (2009-04-09 19:15) 

もろみ

はじめまして!こんな親切なブログさんがあるのは知らなかったです!
とってもお勉強になりますし、すっごく助かりました!
初めてのHP作りでこのプレイヤーをおかりしようと
おもっているのですがzipを解凍したところ
ファイル?の中にplayer.swf が入っていませんでした;w;
どうしたらいいでしょうか・・・
by もろみ (2009-05-30 02:58) 

TAN

もろみさん、はじめまして。
今zipをダウンロードして確認してみましたが、ちゃんと入ってますよ。
解凍したaudio-playerのフォルダの中にあります。

もしかしてOSの設定が「拡張子を表示しない」になってませんか?
落ち着いて確認してください。
by TAN (2009-05-30 03:38) 

もろみ

すぐにお返事していただきありがとうございました・
どうしてもなくて
とりあえずひとつづつアップロードしていったら
アップロード先でファイル名がplayer.swf というのを
発見できました。
OSの設定などは難しそうで怖いので触らなかったのですが
ありがとうございます!
お手数おかけしました。
ありがとうございます
by もろみ (2009-05-31 03:26) 

なりこ

はじめまして。
こちらのブログを大変参考にさせて頂いております。

フラッシュプレーヤーについての質問なのですが、
同一ページ内に複数のプレイヤーを設置した場合、同時に複数再生させない(再生時に別のプレイヤーをクリックすると、再生中のプレイヤーが自動的に終了させる)というのは、可能でしょうか。
また、同じ1pixeloutのプレイヤーで、再生中のプレイヤー内にタイトルや情報が表示されているサイトを多々見かけたのですが、どういった方法なのでしょうか。

因みに私が使っているのは、OCNのブログ人というスペースです。

お手数ではございますが、お願い致します。
by なりこ (2009-07-17 10:57) 

TAN

なりこさん、はじめまして。
プレイヤーは個々に独立しているので、そのままでは
連携することはできませんがJavaScriptを使えばできます。

簡単に手順を説明すると、
最初にプレイヤーをダミー画像として複数表示しておいて、
クリックされたプレイヤーだけをJavaScirptを使ってダミー画像を
プレイヤーの実体(swf)に動的に入れ替える方法です。
他のプレイヤーがクリックされたら、再生中のプレイヤーをダミー画像に戻してやります。
プレイヤーはオートスタートのオプションをONにしておきます。
JavaScriptがある程度使える人なら難しくはないと思います。

あと、タイトル表示はプレイヤー(swfファイル)とmp3ファイルが
別の場所(別のドメイン)にあると表示されません。
同じドメイン内(例えば同じURL直下)に両方を置けば表示されます。
これはFlashのセキュリティ仕様の制限です。
by TAN (2009-07-17 16:51) 

なりこ

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

丁寧に教えて頂いたのですが、
JavaScript、、全く分かりませんでした。;w;

やはり少し勉強してからチャレンジしてみます!
ありがとうございました!
by なりこ (2009-07-23 17:11) 

TAN

分からないこととか疑問があったら
いつでも気軽に聞いてくださいね。

by TAN (2009-07-24 20:43) 

miayo

こんにちは。ブログにオーディオをつけるのにあたって
このサイトを一番の参考にさせていただいています。

プレーヤーの中のテキスト表示で質問です。
今は「Track #1」となっているのを変更したいのですが、どうしたらよいのでしょうか。
前の方のQAをみて、swfファイルとmp3ファイルを同じURLフォルダ内に置けば mp3ファイルのタイトルが表示されるのかなと思いやってみましたが、「Track #1」のままでした。

利用しているのはTypepadです。現在テスト中なのでURLがお伝えできずすみません。
by miayo (2009-08-20 16:06) 

TAN

miayoさん、はじめまして。
現物を確認できないので推測ですが、
おそらくmp3ファイルに原因があるのではないかと思われます。

mp3ファイルの中にあるID3タグのうちv1/v1.1/v2のどれかが
未入力になっているということはないでしょうか?
mp3のID3タグには複数の種類があって、
ファイル中の記録する箇所がそれぞれ違います。

フリーのタグエディタなどで中身を確認してみてください。
(WindowsだとSuperTagEditorとか)
by TAN (2009-08-20 21:15) 

miayo

できました!!ID3v1/v2.... はて?という状態でしたが、
ご指摘の通り入力してみたら、プレーヤー上の表示が変わりました。
すごーいすごーい。ありがとうございました!!
(SuperTagEditorだと上手くいかなくて、Winampで編集)
今後もまたお世話になるかもしれませんが、
どうぞよろしくお願いします。

by miayo (2009-08-22 08:56) 

TAN

解決してよかったです[ニコニコ]
そういえばWinAmpはIDタグの入力欄がv1/v2両方ありましたね。

今回に限らず、分からないことがあったらいつでも気軽に聞いてください。
by TAN (2009-08-23 01:12) 

竜子

このサイトは本当に良く解説されていて、とても助かりました。
これまでもここで紹介しているプレイヤをいくつか設置させていただきましたが、お礼が遅くなりすみません。
英語サイトだとハードルが高いし、自分だけでは設置できませんでした。本当にありがとうございます。

それにケアも凄いですね。善意でここまでされている姿を見て、自分のブログと重ねました。なかなかできません。
心より感謝しております。

特に質問といったわけではないのですが、お礼まで。
by 竜子 (2009-09-09 20:35) 

TAN

竜子さん、コメントありがとうございます。
恐縮です。

何事も最初はみんな初心者ですし、
回り道をして無駄な時間を費やさないように、
微力ながら役に立ってもらえればと思っています。
by TAN (2009-09-09 21:37) 

kumagayaFm

初めまして。
良いプレーヤー探して居たらこのブログを見つけまして、早速、サイトブログで使用させていただきました。
良い情報ありがとうございます
これからもよろしくおねがいいたします。

あと、このプレーヤーのテキスト表示はプロパティの概要から、詳細設定のアーティストと説明のタイトルを変更すると簡単かも知れません。
by kumagayaFm (2010-01-16 21:38) 

TAN

kumagayaFmさん、参考にしていただきありがとうございます。

>プロパティの概要から、詳細設定~

そういえば、WindowsからID3v1を書き換えるなら
その方法がいちばん簡単ですね。
すっかり忘れてました。
by TAN (2010-01-17 19:09) 

igu

音楽をHP上で鳴らすのはどうすればいいのか?
長い間どうしたものかと悩んでいましたが、ここを見させて頂いた
おかげでそれが実現しました。
本当に助かりました。お礼のつもりで書き込みました。
またよろしくお願いします。
by igu (2010-03-04 02:20) 

TAN

iguさん、はじめまして。
こちらこそ参考にして頂きありがとうございます。
分からないことがあったらいつでも気軽に聞いてください。
by TAN (2010-03-04 17:19) 

cat

はじめまして!こんな素敵なサイトがあるって知りませんでした!!楽しく拝見させていただきました!!

そこで、質問なのですが、自分のサイトにこちらのプレイヤーを設置しました。設置先のアドレスは上記URLです。
ここでのほかのQ&Aを読んで、プロパティでTRACK名を変更したのですが、いまだに#TRACK1とテキスト表示されてしまいます。
IDの変更というのは、ホームページビルダーでも可能でしょうか?

教えていただけたらうれしいです。
よろしくお願いします。
by cat (2010-05-14 18:46) 

TAN

catさん、はじめまして。

URLにあったmp3ファイルをダウンロードして確認したところ、
WindowsMedia Playerでは再生できませんでした。
iTunesでは再生できましたが音がところとごろ飛んで正常に再生できていないようです。
何かエンコードを間違っているということはないでしょうか?

あと、ID3タグというのはHTML上で指定するのではなくて、
mp3ファイル自体が内部に持っているものです。
一番簡単な設定方法は、mp3ファイルを右クリックでプロパティの
「概要」→「詳細設定」で変更できます
by TAN (2010-05-14 19:19) 

TAN

追記:
Versoin 2.0では埋め込みタグのパラメータで
タイトルとアーティスト名が指定できるようになってました。
記事に追記したので参考にしてください。
by TAN (2010-05-15 02:00) 

K.U

はじめまして。
自分のホームページに使用する埋め込みタグを捜していてこのページにたどり着きました。早速、使わせていただきました。
他のプレーヤーではなかなか解決できなかった問題が一気に片付きました。
ありがとうございました。
by K.U (2010-05-15 11:42) 

TAN

K.Uさん、はじめまして。
こちらこそ参考にして頂きありがとうございます。
分からないことがあったらいつでも気軽に聞いてください。

by TAN (2010-05-16 08:17) 

rei

初めまして。
よろしくお願い致します。

とっても解りやすく、埋め込みの仕方を教えていただき
ありがとうございます。

fc2ブログにアップしているのですが、
表示されるときと、表示されないときがあるんですね。
何か設定方法に誤りがあるのでしょうか?
もしくは、ただ単にfc2さんの事情でしょうか?(^_^;)

ちなみに、yahooのジオシティーズに
mp3とswfをアップしています。

http://reijae.blog89.fc2.com/blog-entry-361.html

お忙しいところ、恐縮ですが、よろしくお願い致します。


by rei (2010-08-12 11:18) 

rei

何度もすみません。

ファイルをアップしている方の
ジオシティーズのURLに直接行った後にswfの表示確認した後でしたら
ブログでの表示ができるようです。

しかし、また、入りなおすと、また表示されなくなりました。
何が問題なのでしょうか?

何度もすみません。
よろしくお願い致します。
by rei (2010-08-12 11:41) 

TAN

reiさん、はじめまして。
ブログを確認してみたら、貼り付けたコードの行末に改行タグ(<br />)が余分に付いてました。

ブログのシステムが自動的に改行タグを付けていると思われるので、貼り付けコードの <object> ~ </object> の見た目の改行をなくして1行にして貼り付けてみてください。
by TAN (2010-08-12 13:20) 

rei

TANさん、早速、ありがとうございます。

今、<br/>タグをはずしてみたんですが
それでもダメみたいです。

Bufferingになってしまいます。

どのようにしたらよろしいですか?
たびたび、申し訳ありませんが、よろしくお願い致します。
by rei (2010-08-12 13:57) 

TAN

reiさんのブログから該当のコード部分とmp3をコピーして、swfの部分はそのままで、mp3を自分のサイトにおいて試してみたら再生できました。

reiさんのサーバにあるmp3のURLを直接ブラウザに打ち込むと再生はできているので、URLの指定とmp3ファイルそのものは大丈夫と思われるのですが、もしかしたらfc2のサーバで何か制限がかけられているのかもしれません。

あと、Bufferingと出ているのでmp3ファイルのURLの指定は合っていると思います。
(間違っていると "File not found" になる)

もし時間があれば、swfとmp3をfc2以外のサーバに置いてみるか、
別のmp3プレイヤーも試してみてください。
by TAN (2010-08-12 18:50) 

rei

TANさん

ご丁寧に、ありがとうございました。
mp3を試していただけたんですね。
そこまでしていただいて、嬉しいです。

TANさんのご指示を参考にさせてもらって
保管場所を変えてみたら聴けるようになりました。

fc2の制限とかあるんでしょうね。
本当にありがとうございました。

これから、たくさん、音楽を乗せれます♪♪♪

ありがとうございました。
by rei (2010-08-12 20:39) 

Hese

はじめまして。このような再生プレイヤーを探していました!
ですが私は最近ホームページ作りを始めたばかりで全くわかりません。
色々調べて試行錯誤してみましたが、うまくいかず表示されません。

当方はyahoo!ジオシティーズを使用しています。

コードの貼り付けの方法についていまいち理解していないところがあり、おそらくそこが問題となっているので緑の部分を変更して誰かが使用している状態の「例」を教えてくれませんか?
たとえばこのHPだとしたらdata="http://sothis.blog.so-net.ne.jp/2007-03-22/player.swfとなるのでしょうか?


よろしくお願いします。
by Hese (2010-10-09 14:51) 

TAN

Heseさん、はじめまして。
dtata=のURLはswfファイルを置いたサーバのURLになるので
ユーザによってURLが違うので記事では省略して"~"と表現しています。
なのでHeseさんがswfファイルを置いたサーバのURLを指定してください。

by TAN (2010-10-09 19:24) 

Hese

先日はお答えしていただきありがとうございました。
あれから少しですが知識もつき、このフラッシュmp3プレーヤーを設置することができました。

ですが、何が原因かわかりませんが再生をクリックしても音が再生されずに0:00のままで、Buffering...となっています。

ずっと色々試してみましたが、どうも空振りで全くわかりません。
何が原因で、どのようにすればいいのでしょうか?
よろしくお願いします。
by Hese (2010-10-10 12:53) 

TAN

>何が原因で、どのようにすればいいのでしょうか?

"Buffering..."と出ているのなら、プレイヤーはmp3ファイルを見つけていてアクセスしようとしている状態なので、mp3のURLの指定は合っているのだと思います。
URLの指定が間違っていると"File not found"になります。

にも関わらず再生が始まらないのは、mp3ファイルを置いたWebサーバ側で何かアクセス制限がかけられている可能性もあります。

設置したページを見せて頂いてないので、あくまで推測にすぎませんが・・・
by TAN (2010-10-10 15:18) 

Hese

お返事ありがとうございます。

なるほど。Webサーバ側で制限がかかっていると。
何度も質問をする形になってしまいすみません。
そのことについて調べてみましたが、別にmp3を置くサーバーを作りそこから呼び出す…という感じでしょうか?(レンタルサーバー?)
もし制限がかかっていてyahoo!ジオシティーズのEZアップローダーでは不可能ならどのような手段をとればよいのでしょうか?

今回設置したページを載せましたので、お手数かけてすみませんがご教授のほうよろしくお願いします。

by Hese (2010-10-10 17:13) 

Hese

うっわ…。載ってませんでした。すみません。

此方で載せましたので、よろしくお願いします<(_ _)>
by Hese (2010-10-10 17:16) 

TAN

ページを拝見しました。
率直に言って貼り付け方がめちゃくちゃです。

まず、プレイヤーのコードは3つあるのに表示されているのが2つだけ。

1つめはmp3ファイルが指定されていない。
 (File not foundになっています)

2つめは余計な a タグで object タグが囲まれている。
 さらに soundFile= の部分指定がおかしい
 (soundFile=の直後の " と次の空白は不要)

3つめはプレイヤーのURLの指定が違う
 (happypupurician/player/player.swf ではなく happypupurician/player.swf のはず)
 さらに、mp3ファイルのURLがおかしい。
 (前に ~.mp3とあるのに後ろにまた/sample.mp3)

記事のサンプルとよく見比べつつ、自分の指定したファイルのURLに誤りがないかよく見て再チャレンジしてみてください。

試しに、2つめプレイヤーの間違っているところを修正してみたらちゃんと再生できてました。

ここにだらだらとコードを張るわけにはいかないので、もし正しいコードがほしいのならメールください。
(メールアドレスの記載はブログの左上にあります)
by TAN (2010-10-10 20:51) 

Hese

返事していただきありがとうございます。
無事貼ることができました!!
非常に明確に指摘してくださり、ありがとうございます。
おっしゃる通り、「" と空白」が原因でした。
知識不足のせいで原因を見る目が曇りアドレスばかり見ていました。

初心者はもっと自分で頑張るべきだったかもしれませんが、何度も丁寧にありがとうございました。
おかげでホームページで一番やりたかったことのやり方を学べました。感謝です。
by Hese (2010-10-10 22:27) 

TAN

上手くいったようでよかったです。
何事も誰でも(私も)最初は初心者ですし、一人で黙々とやってて上手くいかないと、ちょっとしたことも見落としがちになったりします。

いつかHeseさんのまわりで同じことで困っている人がいたら、今日のことを思い出して接してあげてください。
by TAN (2010-10-11 08:14) 

Hese

わかりました。
丁寧かつ親切に教えてくださった上に、優しい心遣いをありがとうございました。
by Hese (2010-10-11 09:59) 

はじめまして。

[追記 2010/05/15] Version 2.0をこちらのブログで見つけてweb ショップで使用していたのですが突然表示されなくなってしまったのですが原因が解らなく困っています。また使用するにはどうしたら良いでしょうか?いきなり質問してしまい申し訳ありません。

ちなみにこちらを今までサイトで貼付けていました。

<object type="application/x-shockwave-flash" data="http://highstore.chicappa.jp/player.swf" id="audioplayer1" height="24" width="440">
<param name="movie" value="http://highstore.chicappa.jp/player.swf" />
<param name="FlashVars" value="playerID=1&amp;soundFile=http://highstore.chicappa.jp/COME ON DOWN.mp3,http://highstore.chicappa.jp/LOVE IS MAGIC.mp3"/>
<param name="quality" value="high" />
<param name="menu" value="false" />
<param name="wmode" value="transparent" />
</object>

もしお時間ありましたら
by はじめまして。 (2011-03-03 00:12) 

TAN

理由は
highstore.chicappa.jp にアクセスできなくなってるからだと思います。
ドメインやサーバレンタルの期限が切れたりしてませんか?


by TAN (2011-03-03 03:36) 

masaaki

はじめまして。こちらのブログを拝見させていただき、使ってみたいと思いましたが、基本的なことが分からず進めません。 是非教えていただきたいのですが、解凍したファイルの中のplayer.swf が分かりません。 audio-player audio-player-noswfobject audio-player-uncompressedと書いたファイルしか見つけられません。
お手数ですがよろしくお願いいたします。
by masaaki (2012-07-27 11:43) 

TAN

masaakiさん、はじめまして。
もしかしてエクスプローラーのフォルダーオプションの設定で「拡張子を表示しない」になっていて「.swf」が表示されていないだけなんてことはありませんか?
by TAN (2012-07-27 16:59) 

nosada

はじめまして。こちらのブログを拝見させていただき
使用し始めました。とても感謝しています。
こちらの設定ですと音量スライダーが
半分ぐらいで再生される設定のようですが、
始めから音量を一番大きくして再生させる設定というのは
ございますでしょうか。
お手数ですがよろしくお願い致します。
by nosada (2013-05-19 01:44) 

TAN

nosadaさん、はじめまして。
ver2ではオプションで

initialvolume=100

で指定できるようです。指定できる値は0~100です。
by TAN (2013-05-19 11:09) 

nosada

お返事どうもありがとうございます。出来ました!
というか上に始めから書いてくれていたんですね・・・。
失礼しました。
by nosada (2013-05-19 15:41) 

TAN

記事中のinitialvolumeの説明は返答コメントを書いたあとに追記したものです。
言葉足らずですみません。
by TAN (2013-05-19 20:29) 

dorami

はじめまして

ブログにオリジナルMP3ファイルを貼りつけたくて、四苦八苦しております
やっとこちらにたどりつきました
どうしても、できなくてどうかご指導をお願いいたします

DropboxにMP3ファイルとplayer.swfをアップしました
それぞれのファイルのリンク取得をして、コード貼り付けの3か所の部分を変更しました
https://www.dropbox.com/s/qeq8ktv4sjwrirh/20140101.mp3
https://www.dropbox.com/s/2oj2pwgqzbsmajw/player.swf
↑このURLです

そのコードを、アメブロのブログを書くの所で「HTMLタグを表示」にコピーしたコードを張り付けました
「禁止タグがあるため表示できません」となってしまいました

フリープラグインに下記の内容を設定しました
<script src="http://hana.poche.jp/wazameba/js/waza11.js"></script>
<script>
$(function(){prohibitedTagsUse();});
</script>

それでも無理だったので、禁止タグとなっているタグの『<』や『>』を、『<[』『]>』に書き換えてみましたがダメでした

基礎が何もわかっていなくて申し訳ございません、お時間がございましたらご指導のほどお願いいたします
by dorami (2014-01-17 22:34) 

TAN

doramiさん、はじめまして。
原因はアメブロが表示するエラーメッセージの通りです。

http://helps.ameba.jp/faq/blog/article/post_107.html
↑アメブロのFAQページによると、禁止タグの中にobjectタグが含まれているので、objectタグで直接記事にswfを貼り付けることはできないのだと思います。

あと、フリープラグインのwaza11.jsというのは、おそらく禁止タグのいくつかをJavaScriptで変換して利用可能にするものと思われますが、objectタグの変換には対応していないのだと思います。
というかこちらの質問はwaza11.jsの作者の方に聞いてもらったほうがよいかと。





by TAN (2014-01-18 01:34) 

dorami

TANさん、ありがとうございます
早々にお返事をくださり、感謝しております

フリープラグインはobjectタグにも対応とあったのですが、貼り付け方としては、アメブロでないサイトであれば大丈夫かもしれませんね

ブログ人でも大丈夫かなぁ~?
他のブログ作成サイトで、TANさんが書かれてある「コードの貼り付け」を試してみます

お忙しいのに本当にありがとうございます
また、迷ったらコメントさせてください
どうかよろしくお願いいたします
by dorami (2014-01-18 03:36) 

TAN

禁止されているタグはブログによって違うのでブログアカウントを作る前にヘルプページなどで確認したほうがよいかもしれません。

ちなみにこのブログのSo-netブログは、object、embed、iframe、scriptなど大抵のタグは使えます。
by TAN (2014-01-18 14:10) 

dorami

TANさんへ
何度も申し訳ございません、お尋ねいたします

audio-player.zip をダウンロードして解凍したあとは、audio-playerフォルダができますが、これは、ドキュメントなどに保存をしておけばよいのでしょうか

audio-playerフォルダの中にある、player.swf をコピーして、再生したい MP3 ファイルを私の場合でしたらDropboxにアップロードすればいいですよね

解凍したできたaudio-playerフォルダはPCに保存しておけばいいですよね

本当に初歩的なことをお尋ねして本当に申し訳ございません

それと、So-netブログさん現在新規の受付はされていませんでした。。。残念。。。[__もうやだ~]
いろいろとご指導いただきありがとうございます
by dorami (2014-01-22 11:54) 

TAN

解凍したzipのなかで必要なのはplayer.swfだけなので、他のファイルは消してもかまいません。

バックアップとして解凍前のzipファイルは残しておいたほうがよいかと思います。

あと、言い忘れていましたが、dropboxにファイルを置いてもswfやmp3のファイルにブログから直接アクセスできないので、ファイルを置くサーバーを変更する必要があります。

アップロードしたファイルのURLをブラウザに打ち込んで、ブラウザのダウンロードのダイアログウィンドウではなく、サービスのダウンロードページが出てくる場合は、該当ファイルが直接参照できないということです。
オンラインストレージは大抵これに該当するので注意してください。

by TAN (2014-01-22 17:34) 

TAN

追記
swfとmp3をdropboxではなくて直接参照できるwebサーバーにアップロードできたら、アメブロでwaza11.jsを使って動かせるかもしれません。
by TAN (2014-01-22 17:37) 

コメントを書く

名前:[必須]
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

Facebook コメント

トラックバック 1

トラックバックの受付は締め切りました

iTunes Store 音楽アプリベストセラー
for iPad





for iPhone/iPod touch





for Mac





customizeBlog2(); //]]>