Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

FlashMediaServer3開発環境の準備

3,469 views

Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

FlashMediaServer3開発環境の準備

  1. 1. Flash Media ServerとAction Script3を使った ライブチャットの基礎 CSNAGOYA 豊吉隆一郎
  2. 2. 概要 Adobeから販売されているFlash Media Serverとい ● うソフトとActionScript3を使ってライブチャットのような 仕組みを作る
  3. 3. こんな仕組み ●ユーザがサイトにアクセス ●「チャット開始」みたいなボタンを押す(顔写真とか) (http://example.com/user_id=xxxみたいなURL) ●ユーザxxxがログアウト中、もしくはチャット中でなけ ればチャット開始
  4. 4. 開発環境について
  5. 5. Flash Media Serverとは ●オーディオやビデオをリアルタイムでFlashクライアン トに配信するためのストリーミングメディアサーバ ●2008年になりバージョンが3になった ●昔はFlash Communication Serverという名前だった ●60万円ぐらいする(高くなった?) ●オープンソース実装としてRed5というのがある Adobe Flash Media Interactive Server 3 http://www.adobe.com/jp/products/flashmediainteractive/
  6. 6. Action Script3とは Flash Player9以降で実行できるオブジェクト指向の ● スクリプト言語。言語使用なんかがJavaに近いらし い。
  7. 7. 開発環境 ●Flash CS3 88,000円 ●Flex Builder(Eclipse) 31,500円 ● FlashDevelop .NETで動くオープンソース http://www.flashdevelop.org/ ● ASDT Eclipseプラグイン http://mb0.org/asdt IDEにこだわらなければコマンドラインコンパイラのFlex SDKがAdobeから無償で提供されている
  8. 8. 環境の準備 インストールするもの ●Adobe Flash Media Server 3 ●Flex 3 SDK ●FlashDevelop
  9. 9. ASとFlexとAirについて整理 ● ActionScript swfを作成するためのスクリプト言語 ● Flex XMLを使ってFlashアプリケーションが開発できるサーバソリューション。もちろ んActionScriptも使える ● Air アプリケーションの実行環境、HTMLやJavaScript,Flashなどでアプリケーション 開発ができる。
  10. 10. Adobe Flash Media Server 3 ●http://www.adobe.com/jp/products/flashmediastreaming/ ●ダウンロードしてインストールするだけ。 ●シリアルナンバーは空白でOK ●同時接続数が10までの開発版としてインストールされる ●デフォルトのままYESYESとやっていくとサービスとして登録されるので注意
  11. 11. 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との相性の関係で(日本語対応?)のためbinjvm.configを一部書き 換え java.args=-Xmx384m -Dsun.io.useCanonCaches=false -Duser.language=jp -Duser.region=JP
  12. 12. FlashDevelop ●http://www.flashdevelop.org/ ●フォーラムのReleasesの最新版のトピックをクリック、ダウンロードのリンクがありま す。 ●インストールが完了したら最初の設定を行う (1)文字コードの設定 (2)Flexの場所の指定 (3)プロジェクトのデフォルト文字コードの設定 AS3での開発なのでFlashPlayer9以上が必要なのだが、FlashDevelopはIEの PlayerをみにいくのでIEのFlashのバージョンを確認
  13. 13. サンプルスクリプト実行
  14. 14. 参考サイト ActionScriptによるWebの3Dグラフィックス再入門 http://codezine.jp/a/article/aid/1872.aspx?p=1 Flash Media Server Developer Center http://www.adobe.com/devnet/flashmediaserver/ ん・ぱか工房 http://www.saturn.dti.ne.jp/~npaka/
  15. 15. おわり

×