

FlashDevelop+Flex 3 SDKで埋め込みmp3プレイヤーを作ってみました
» 音楽系ブログパーツ
先週、フリーの Flash 統合開発環境 FlashDevelop と Flex 3 SDK をインストールしてから、埋め込み mp3 プレイヤーをこつこつ作っていて、とりあえず動くものができたので公開してみます。
Adobe のサイトにある ActionScript 3 リファレンス(←これ便利)とユーザのブログ記事をいろいろ参考にしながら作ったのですが、ノウハウがほぼゼロという状態だったので、いきなりいくつか問題に直面しながらもなんとか仕上げることができました。
とりあえず一発目ということで機能は必要最低限のシンプルなものです。
プレイヤーと mp3 ファイルの URL は各自のものに書き換えてください。
FlashVars の song= で再生する mp3 ファイルの URL を指定します。
オプションとして、volume と repeat があります。(song の末尾に "&" をはさんで追加)
プレイヤーの表示サイズは 142 x 14 ピクセル固定です。
記事の入力欄の見た目に合わせて自動的に改行タグ(<BR/>)が挿入されるブログは、コードの改行をなくして1行にまとめて貼り付けてください。
スペクトルの表示で SoundMixer.computeSpectrum() を使ったり、アーティスト名と曲のタイトルの表示に Sound.id3 (mp3 ファイルの ID3 タグから取得)を使ったりしているので、クロスドメインのセキュリティ制限で、プレイヤー本体 (swf) と mp3 ファイルを同じディレクトリに配置する必要があります。(別ドメインの場合でも再生はできますが表示は動きません)
経験者ならどんなことをやってるかすぐに想像つくと思いますが、この程度のものなら数十行程度のコードで簡単に出来てしまうのが ActionScript 3 のすごいところでもあり面白いところでもありますね。
これを元に少しずつ改良していきたいと思います。
[備考] サンプルで使ってる曲はコレです。
[関連サイト]
Adobe Open Source - Flex 3 SDK
FlashDevelop 3.0.0
Adobe - ActionScript 3 コンポーネントリファレンス


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>
<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 コンポーネントリファレンス

ActionScript 3.0 プログラミング入門 - for Adobe Flash CS3
- 作者: 大津 真
- 出版社/メーカー: ビー・エヌ・エヌ新社
- 発売日: 2008/02/23
- メディア: 単行本

ActionScript 3.0 逆引きクイックリファレンス Adobe Flash CS3対応
- 作者: 田中 康博
- 出版社/メーカー: 毎日コミュニケーションズ
- 発売日: 2008/04/29
- メディア: 単行本(ソフトカバー)







コメント 0