GmailのMP3プレーヤーをブログでも表示させるショートコード

GmailでMP3が添付されたときに使われるMP3プレーヤーって、非常にシンプルで誰にでも使いやすいインターフェースだと思うんですよ。
んで、そのGmailMP3プレーヤー（でいいのかな？）をwordpressのブログ記事にも表示させちゃうショートコードです。
んなモンつかうんか?というえばそうだけど、いいの！自己満足です。

No Music No Life

もともとは、WebOS Goodiesさんの記事「Gmail の MP3 プレイヤーを自分のサイトで使う方法」からのヒント。
記事によると、このMP3プレーヤーはFlashベースで作られていて、プレーヤー単体で動くとのこと。
再生したいMP3ファイルのURLをパラメータに指定すれば、バッチシ動く。

<embed type="application/x-shockwave-flash"
       wmode="transparent"
       src="http://mail.google.com/mail/html/audio.swf?audioUrl=[MP3ファイルのURL]"
       height="27" width="320">
</embed>

Gmailで聴くMP3プレーヤー

という事は、fanction.phpにショートコード関数書いておけば、いつでもwordpressでMP3プレーヤーを設置できちゃうんだな。
それが、このコード。お使いのテーマのfunction.phpに下記コードをかいてね。

function mp3player($attr) {
	$src = str_replace("=", "", $attr[0]);
	return '<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl='.$src.'" width="100%" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" />';
}
add_shortcode('mp3', 'mp3player');

MP3のURLのところを変数にして、ショートコードで$attrにURLを代入させる。

んで、表示したいところにショートコードを書けばOK。
例）
[mp3=path/to/filename.mp3]

もっとうまくやればジュークボックス的なものも出来るかもしれない（ﾒﾝﾄﾞｸｻｲのでやんないけど）。
くれぐれも、著作権に触れない音楽ファイルをアップすること！さすがに責任持てんヨ。

Share/Bookmark