Flashによるビデオ配信

                          高橋義博 
     takahashi.yoshihiro@gmail.com
Flashによるビデオ配信




   質問です


                                                                 2 
    Copyright Ⓒ Yoshihiro Takahashi 2009 All Rights Reserved. 
Flashによるビデオ配信




   を
見た事がある人
                                                                 3 
    Copyright Ⓒ Yoshihiro Takahashi 2009 All Rights Reserved. 
Flashによるビデオ配信




   がFlashで
再生しているのを
 知っている人
                                                                 4 
    Copyright Ⓒ Yoshihiro Takahashi 2009 All Rights Reserved. 
本日の内容 
•  Flashでどうやって動画を配信するのか? 

 – 動画ファイルの種類 
   •  動画ファイルには、WMV, QuickTimeなどありますが・・・ 

 – 配信方法の種類 
   •  単に動画を再生する、動画とFlashコンテンツが連携す
      るなど・・・




                                                                       5 
          Copyright Ⓒ Yoshihiro Takahashi 2009 All Rights Reserved. 
Flash動画ファイルの種類 



                       Flash Video(Flashで扱えるビデオ)
圧縮の種類           Sorenson Spark                       On2VP6                               H.264 
拡張子                  FLV                                 FLV                             F4Vなど 
FlashPlayer        Ver 6~                             Ver 8~                          Ver 9.0.124~ 
特徴             古いPlayerでの再生対応              ・Sorensonより、軽くて綺麗                        ・Blu­rayで採用されてる圧縮
                                           ・背景透明の動画が使える                             ・Mpegにライセンスを払う




                                                                                                        6 
                       Copyright Ⓒ Yoshihiro Takahashi 2009 All Rights Reserved. 
動画をFlash Videoに変換する方法 
•  Adobe Media Encoder CS4 

 もしくは・・・ 
  – Adobe After Effects CS4(映像作成ソフト) 
  – Adobe Premiere Pro CS4(映像編集ソフト)




                                                                         7 
            Copyright Ⓒ Yoshihiro Takahashi 2009 All Rights Reserved. 
動画をFlash Videoに変換する方法 

•  注意事項 
 – 圧縮されたファイルはFlash Videoに変換しない。 
   •  画質が落ちます。 
   •  容量が増えます。 

 – できる限り、非圧縮の元ファイルをFlash Videoに
   変換しましょう。




                                                                        8 
           Copyright Ⓒ Yoshihiro Takahashi 2009 All Rights Reserved. 
AfterEffectによる動画ファイル作成
Flash Videoの内容を確認するには 

•  FLV Playerが必要 
  – PCがデフォルト状態では、Flash Videoを再生す
    る環境がありません。 

    •  Adobe Media Player 
    •  Wimpy_FLV_Player 
    •  その他いろいろ




                                                                           10 
              Copyright Ⓒ Yoshihiro Takahashi 2009 All Rights Reserved. 
Flash Videoの配信方法 

•  3種類あります 
    – 埋め込み 
   •  ファイルデータの全てをダウンロードしないと再生できない 
   •  ローカルPCにキャッシュとしてデータ保存される 
 – プログレッシブ ダウンロード 
   •  動画ファイルを読み込み途中でも再生可能 
   •  ローカルPCにキャッシュとしてデータ保存される 

 – ストリーミング 
   •  専用サーバを利用して、ファイルを読み込みながら再生可能 
   •  ローカルPCにキャッシュとしてデータ保存されない



                                                                       11 
          Copyright Ⓒ Yoshihiro Takahashi 2009 All Rights Reserved. 
埋め込み 
•  SWFファイル内に動画を埋め込む 
                                                                               Webサーバ




メリット
  uFlashコンテンツ内で、MCのように
   利用する事ができる。(参考サイト)


デメリット
  u   再生に時間がかかる
       pSWFファイルは完全にDLしないと再生しない
       pSWFファイルのファイル容量が大きい

  u   著作権問題
       p   SWF(動画)がローカルPCに残る
                                                                                        12 
                  Copyright Ⓒ Yoshihiro Takahashi 2009 All Rights Reserved. 
プログレッシブ ダウンロード 
•  外部FLVをダウンロードする 
                                                                               Webサーバ
                                        ①



メリット
  u再生開始が速い
                                                       ②
       p動画をDLしながら再生できる
       (例:YouTube)


デメリット
  u著作権問題
       p   動画がローカルPCに残る

                                                                                        13 
                  Copyright Ⓒ Yoshihiro Takahashi 2009 All Rights Reserved. 
ストリーミング 
•  外部FLVをFMSからストリーミングする 
                                                                               Webサーバ


                                        ①

メリット
  u   再生開始が速い
           動画をDLしながら再生できる
  u
       p

      著作権問題が起きない
                                                      ②
                                                                               Flash Media Server 
       p   動画がローカルPCに残らない
  u   処理分散できる
       p   アクセスが多くても高対応


デメリット
  u環境
       p   FMSが必ず必要となる
                                                                                                     14 
                  Copyright Ⓒ Yoshihiro Takahashi 2009 All Rights Reserved. 
ビデオの配信方法 

•  それぞれの違いや利用目的
 配信条件                              埋め込み                プログレッシブ ストリーミング
 動画の長さが5秒以内                             ●                       ●
 動画の長さが5~30秒                                                    ●       ●
 動画の長さが30秒以上                                                            ●
 予想される視聴率が低                                                     ●
 予想される視聴率が中から高                                                          ●
 知的財産の保護                                                                ●
 ライブビデオストリーミング                                                          ●




                                                                            15 
           Copyright Ⓒ Yoshihiro Takahashi 2009 All Rights Reserved. 
Flashによる動画再生
ASを使わない動画再生(埋め込み) 
•  埋め込みによる、Flashコンテンツとの連携を
   やってみましょう。 

•  簡単なので、とりあえず やってみましょう。 
 – [ファイル]→[読み込み]→[ビデオの読み込み]




                                                                     17 
        Copyright Ⓒ Yoshihiro Takahashi 2009 All Rights Reserved. 
ASを使わない動画再生(プログレッシブ) 

•  プログレッシブダウンロードによる動画再生を
   やってみましょう。 

•  埋め込みと同様に方法は簡単です。




                                                                    18 
       Copyright Ⓒ Yoshihiro Takahashi 2009 All Rights Reserved. 
ActionScriptによる動画制御 

•  本格的に動画制御を行う場合には、 
   ActionScriptのみで、動画を制御する必要が
   あります。 

•  そちらは別の機会で・・・




                                                                     19 
        Copyright Ⓒ Yoshihiro Takahashi 2009 All Rights Reserved. 

高橋 Flash30 ビデオ