Flash Media ServerとAction Script3を使ったライブチャットの基礎

CSNAGOYA 豊吉隆一郎

概要

●Adobeから販売されているFlash Media ServerというソフトとActionScript3を使ってライブチャットのような仕組みを作る

こんな仕組み

●ユーザがサイトにアクセス●「チャット開始」みたいなボタンを押す（顔写真とか）（http://example.com/user_id=xxxみたいなURL）

●ユーザｘｘｘがログアウト中、もしくはチャット中でなければチャット開始

開発環境について

Flash Media Serverとは

●オーディオやビデオをリアルタイムでFlashクライアントに配信するためのストリーミングメディアサーバ●2008年になりバージョンが3になった●昔はFlash Communication Serverという名前だった●60万円ぐらいする（高くなった？）●オープンソース実装としてRed5というのがある

Adobe Flash Media Interactive Server 3http://www.adobe.com/jp/products/flashmediainteractive/

Action Script3とは

●Flash Player9以降で実行できるオブジェクト指向のスクリプト言語。言語使用なんかがJavaに近いらしい。

開発環境

●Flash CS3　88,000円●Flex Builder(Eclipse) 31,500円

●FlashDevelop.NETで動くオープンソースhttp://www.flashdevelop.org/

●ASDTEclipseプラグインhttp://mb0.org/asdt

IDEにこだわらなければコマンドラインコンパイラのFlex SDKがAdobeから無償で提供されている

環境の準備

インストールするもの

●Adobe Flash Media Server 3●Flex ３ SDK●FlashDevelop

ASとFlexとAirについて整理

●ActionScriptswfを作成するためのスクリプト言語●FlexXMLを使ってFlashアプリケーションが開発できるサーバソリューション。もちろんActionScriptも使える●Airアプリケーションの実行環境、HTMLやJavaScript,Flashなどでアプリケーション開発ができる。

Adobe Flash Media Server 3

●http://www.adobe.com/jp/products/flashmediastreaming/ ●ダウンロードしてインストールするだけ。●シリアルナンバーは空白でOK●同時接続数が10までの開発版としてインストールされる●デフォルトのままYESYESとやっていくとサービスとして登録されるので注意

Flex 3　SDK

●http://labs.adobe.com/technologies/flex/sdk/flex3sdk.html●規約に同意して、Flex 3 SDK 3 beta 3 for all platformsをダウンロード●Flexというのはサーバサイドで動かすものなんですが、今回はAS3からswfを生成するためだけに使用します。●zipファイルになっているので解凍してc:\flex\とかに配置●FlashDevelopとの相性の関係で（日本語対応？）のためbin\jvm.configを一部書き換え

java.args=-Xmx384m -Dsun.io.useCanonCaches=false -Duser.language=jp -Duser.region=JP

FlashDevelop

●http://www.flashdevelop.org/●フォーラムのReleasesの最新版のトピックをクリック、ダウンロードのリンクがあります。●インストールが完了したら最初の設定を行う(1)文字コードの設定(2)Flexの場所の指定(3)プロジェクトのデフォルト文字コードの設定

AS３での開発なのでFlashPlayer9以上が必要なのだが、FlashDevelopはIEのPlayerをみにいくのでIEのFlashのバージョンを確認

サンプルスクリプト実行

参考サイトActionScriptによるWebの3Dグラフィックス再入門http://codezine.jp/a/article/aid/1872.aspx?p=1

Flash Media Server Developer Centerhttp://www.adobe.com/devnet/flashmediaserver/

ん・ぱか工房http://www.saturn.dti.ne.jp/~npaka/

おわり