前回では、「MovableTypeのテンプレートを編集する」でフリーのプラグイン「Compare」とか使いましたが、
今回は「MP3プレーヤーをFlashで作成する」です。分かればこっちの方が簡単なんですけど、いろいろ試行錯誤したためにこっちの方が、時間かかりました。
今回はFlashなので、もちろんソフトもFlash?を使います。今回使用したFlashバージョン8Professionalです。多分、MX2004でも出来ると思います。
FlashでMP3プレーヤーって特に目新しいものでもなく、よくFlashの参考書なんかをみると載ってるかと思います。
それをまねて作ればいいんですが、ちょっと前からFlashのコンポーネントって機能が気になってまして、
折角こんな便利らしい?機能があるのだから使ってラクしようと思ったのですが、これがどっこい分かりにくいんです。
本屋の立ち読みとかで調べてもあんまり載ってないし。載ってても上級者用とか書いてあって・・・
Flashのヘルプでなんとか基本的なことは分かったんですが、Action Scriptでちょっと変えたいと思うと途端にややこしい。
でも、結果的には、凄く簡単に出来ましたわ。
まず、Flashを開いて新規作成。サイズは、横x縦:300x80ピクセルです。
「コンポーネントウインドウ」を開いて、「Media Playback」をステージにドラッグ&ドロップ。
ステージに配置した「Media Playback」(これってムービークリップなんです)にインスタンス名をつけます。
今回は、「podcast」ってつけました。そしたらそのまま「コンポーネントインスペクタウインドウ」を開きます。
図のように設定してやります。URLの欄はあえて空欄にします。普通に決まったMP3だけ再生する際には、ここにMP3ファイルのパスを入れるんです。
レイヤー「text」を追加して、ダイナミックテキストを適当な場所に配置。変数名を「podname」ってします。つまりここにMovableTypeからエントリーされた時に送信されるんです。
そして、レイヤー「script」を追加。その1フレーム目にフレームスクリプトを入力。
this.podcast.setMedia("http://www.k1factory.biz/blog/archives/" + podname + ".mp3","MP3");
ダイナミックテキストに送信されてきたMP3ファイル名を使って、MP3をインスタンス名「podcast」に読み込みます。
これで終わり。
後は、これを「podcast.swf」という名前で書き出して(Flash7形式にしました。)http://www.k1factory.biz/blog/archives/にアップロード。
出来てしまえば、結構簡単でしょ。