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

FlashDevelop+Flex 3 SDKで埋め込みmp3プレイヤーを作ってみました
» 音楽系ブログパーツ 

先週、フリーの Flash 統合開発環境 FlashDevelop と Flex 3 SDK をインストールしてから、埋め込み mp3 プレイヤーをこつこつ作っていて、とりあえず動くものができたので公開してみます。

 Adobe のサイトにある ActionScript 3 リファレンス(←これ便利)とデベロッパーのブログ記事をいろいろ参考にしながら作ったのですが、ノウハウがほぼゼロという状態だったので、いきなりいくつか問題に直面しながらもなんとか仕上げることができました。

とりあえず一発目ということで機能は必要最低限のシンプルなものです。

サンプル




貼り付けコード

 このプレイヤーを使いたい方はこちらからダウンロード→sothis-mp3player.swf
<object type="application/x-shockwave-flash" data="http://~/sothis-mp3player.swf" width="142" height="14" >
<param name="movie" value="http://~/sothis-mp3player.swf" />
<param name="FlashVars" value="song=http://~/sample.mp3" />
</object>

プレイヤーと mp3 ファイルの URL は各自のものに書き換えてください。
FlashVars の song= で再生する mp3 ファイルの URL を指定します。
オプションは volume と repeat があります。(song の末尾に "&" をはさんで追加)
プレイヤーの表示サイズは 142 x 14 ピクセル固定です。

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

再生オプション

オプション 内容
song=URL (必須) 再生する mp3 の URL
volume=10 ボリューム 1~10 (デフォルトは10)
repeat=yes リピート再生有効 (デフォルトはリピートなし)

 スペクトルの表示で SoundMixer.computeSpectrum() を使ったり、アーティスト名と曲のタイトルの表示に Sound.id3 (mp3 ファイルの ID3 タグから取得)を使ったりしているので、クロスドメインのセキュリティ制限で、プレイヤー本体 (swf) と mp3 ファイルを同じディレクトリに配置する必要があります。
(別ドメインの場合でも再生はできますが表示は動きません)

 経験者ならどんなことをやってるかすぐに想像つくと思いますが、この程度のものなら数十行程度のコードで簡単に出来てしまうのが ActionScript 3 のすごいところでもあり面白いところでもありますね。

これを元に少しずつ改良していきたいと思います。

[備考] サンプルで使ってる曲はコレです。

[関連サイト]
 Adobe Open Source - Flex 3 SDK
 FlashDevelop 3.0.0
 Adobe - ActionScript 3 コンポーネントリファレンス


FLASH Video & Sound テクニカルガイド

FLASH Video & Sound テクニカルガイド

  • 作者: 林 拓也
  • 出版社/メーカー: 毎日コミュニケーションズ
  • 発売日: 2007/11/22
  • メディア: 単行本(ソフトカバー)
ActionScript 3.0 プログラミング入門 - for Adobe Flash CS3

ActionScript 3.0 プログラミング入門 - for Adobe Flash CS3

  • 作者: 大津 真
  • 出版社/メーカー: ビー・エヌ・エヌ新社
  • 発売日: 2008/02/23
  • メディア: 単行本
ActionScript 3.0 逆引きクイックリファレンス Adobe Flash CS3対応

ActionScript 3.0 逆引きクイックリファレンス Adobe Flash CS3対応

  • 作者: 田中 康博
  • 出版社/メーカー: 毎日コミュニケーションズ
  • 発売日: 2008/04/29
  • メディア: 単行本(ソフトカバー)

nice!(1)  コメント(0)  トラックバック(0)   » カテゴリー:音楽系ブログパーツ
permalink
trackback


» スポンサーリンク


nice! 1

コメント 0

コメントを書く

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

Facebook コメント

トラックバック 0

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

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





for iPhone/iPod touch





for Mac