WebOS Goodies

WebOS の未来を模索する、ゲームプログラマあがりの Web 開発者のブログ。

WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。
Subscribe       

Gmail の MP3 プレイヤーを自分のサイトで使う方法

毎度おなじみ Google Operating System さんがまたまた便利そうな Tips を掲載していたので、本日はそれをご紹介します。 Gmail で MP3 が添付されていた際に使われる Flash ベースの MP3 プレイヤーを自分のサイトでも使ってしまおうというものです。

http://googlesystem.blogspot.com/2007/07/listen-to-mp3-files-online-using.html

どうやらこの MP3 プレイヤーは単体で動作するようになっているらしく、再生したい MP3 ファイルの URL をパラメータに指定してページに埋め込むだけでバッチリ動作してしまいます。実際の利用方法は以下。

組み込み方法はとても簡単。以下の HTML をページに挿入するだけです。

<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>

すると、こんな感じでコントロールが表示され、その場で MP3 が再生できます(以下は単なる画像です。すみません)。

Gmail の MP3 プレイヤー

あまりおおっぴらに使うのは問題があるかもしれませんが、個人的なページに手軽に MP3 再生機能を埋め込みたいときに便利かもしれませんね。さらに元ネタでは、すべてのページの MP3 ファイルにこのコントロールを表示するための Greasemonkey スクリプトも紹介されています(というか、こちらがメインかも ^^;)。 Firefox をご利用の方はお試しあれ。

なお、大量の MP3 を公開するなら Box.net もお勧めです。こんな感じのウィジェットが簡単に作成できて、その場で MP3 の再生や動画・静止画のプレビューが可能です。

Box.net についての詳細はこちらの記事を参照してください。

では、短いですが本日はこれで。また面白いネタがあればご紹介します。

関連記事

この記事にコメントする

Recommendations
Books
「Closure Library」の入門書です。
詳しくはこちらの記事をどうぞ!
Categories
Recent Articles