～オープンソースで実現するビデオストリーミングリアルタイムコミュニケーション～

Size: px

Start display at page:

Download "～オープンソースで実現するビデオストリーミングリアルタイムコミュニケーション～"

なぎさすみだ
7 years ago
Views:

1 InfoTalk#18(OSS 動画配信 ) 2010 年 5 月 21 日 ( 金 ) 19:00-19:50 産業技術大学院大学 433 教室産業技術大学院大学情報ゕーキテクチャ専攻 2009 年度小山 PBL 修了生吉田紳一郎 1

2 10min. 25 min. 15 min. 5 min. 自己紹介セミナー概要 Red5の概要デモ導入方法技術構成要素評価 mixi ゕプリでビデオチャット! ゕーキテクチャ概要ゕプリ機能 Red5 機能ソースコード公開中まとめおしらせ Q&A 2

3 1-1. 自己紹介 1-2. 本日のセミナー概要 3

4 吉田紳一郎 (1984 年生まれ ) 産業技術大学院大学 2009 年度小山 PBL 修了生システムエンジニゕ / プログラマー 4

5 公立大学法人首都大学東京が設置する専門職大学院 2006 年 4 月に開設社会人向けの大学院授業は平日の夜間と土曜の日中 2 種類の研究科情報ゕーキテクチャ専攻 (IT 系 ) 創造技術専攻 ( ものづくり系 ) 興味のある方は Web サトを参照ください産業技術大学院大学検索クリック! 5

6 概要 Red5 と Flash を使った動画配信技術について対象者 Flashの動画再生技術に興味のある方サーバーサドFlash ストリーミングについて少し知りたい方 Flash Media Serverを使いたいと思ったことがある方目的 Red5をもっと普及させたい! Ustreamやニコ生みたいなサービスがもっと出てほしい! 映像によるリゕルタムウェブの時代が早く来てほしい! 6

7 2-1. 概要 2-2. デモ 2-3. 導入方法 2-4. 技術構成要素 2-5. 評価 7

8 動画配信方式ダウンロード方式完全にダウンロードしてから再生擬似ストリーミング方式ダウンロードしながら再生プログレッシブダウンロードとも呼ばれるリゕルストリーミング方式ラブ配信映像をリゕルタムに再生 Red5はコレが出来る! 8

9 擬似ストリーミング 2005/12~ 2006/12~ リゕルストリーミング 2007/3~ 2007/12~ 9

10 1997 Real Media(.rm) Quick Time(.mov) Windows Media Video(.wmv) 再生にはそれぞれ独自のソフトウェゕが必要 2004 Flash Video(.flv) Flash Playerさえあれば再生できるンタラクテゖブな動きも表現できるリゕルストリーミングは Flash Media Server が必要 10

11 Adobe 製のサーバーソフトウェゕビデオストリーミングリゕルタムコミュニケーション Flash Player から接続可能 Flash Player は全世界の PC で 98% の普及率開発言語は Action Script Adobe 製 = 商用 = 初期導入コスト 11

12 Adobe Flash Media Server 互換 RTMP(Real-Time Messaging Protocol) に準拠オープンソースソフトウェゕラセンスは LGPL 開発言語は Java Linux, Windows, Mac OSX 上で動作可能 Red5 公式サト公式サト旧公式サト公式 Wiki 12

13 ビデオ映像のリゕルストリーミング保存された動画フゔルのストリーミング配信が可能ラブ映像のリゕルストリーミング Ustream やニコ生のように Web カメラ映像のラブ配信が可能ラブ映像のレコーデゖング Web カメラからの映像や音声をレコーデゖングすることが可能リモート共有オブジェクト複数クラゕント間でオブジェクトの共有が可能リモートメソッド呼び出しクラゕントからサーバサドのメソッド呼び出しが可能 13

14 実際のデモをご覧ください 14

15 事前準備 Java 1.5 以上 Red5を動かすために必要 yum install y java Red5 のダウンロードと展開起動 wget tar zxvf red tar.gz cd red sh./red5.sh > log/console.log 2>&1 & 環境は Linux を想定 15

16 Red5 起動後はすぐにデモの確認が可能にゕクセスチャットビデオ配信ラブ配信ラブ録画などのサンプル 16

17 バージョン ( xx) RTMP サポート AMF サポート主な機能 ( ) 一般向け初版リリースメデゖゕストリーミングサポート ( ) ラブストリーミング共有オブジェクト音声 / 映像レコード ( ) RTMPT サポート MP3 ストリームサポート meta データ API ( ) リフゔクタリング帯域制御フロー制御 ( ) WAR 版 (Tomcat/Jetty) AMF3 サポートセキュリテゖスクリプテゖング (JavaScript, Groovy, JRuby, Jython) ( ) 管理画面 Edge/Origin クラスタリングサポート ( ) RTMPS サポートテステゖングサポート Tomcat を標準に ( ) H.264 サポート AAC サポートプラグン機構サポート 5 年の歴史 17

18 Red5 Application 開発が必要 MBean Spring Framework Tomcat (DIコンテナ) JMX RMI :9999 Apache Mina 停止 Red5 API RTMP (Real-Time Messaging Protocol) :1935 Client 開発が必要 18

19 Adobe Flash 商用ソフトウェゕ Action Script Adobe Flex オープンソース無償 MXML+ Action Script Open Laszlo オープンソース無償 LZX + Java Script Open Meetings 19

20 開発言語有償 / 無償リモーティングメディアストリームライブストリーム共有オブジェクト Red5 Java 無償 Adobe Flash Media Server Action Script 有償 Wowza Java 有償 Adobe BlazeDS Java 無償 Kamaitachi Perl 無償 RubyIZUMI Ruby 無償 Union Platform Java 無償 erlyvideo Erlang 無償 2010/5 現在独自調査 20

21 開発言語が Java DB 接続は JDBC を使えば容易に可能既存の Java ラブラリが充実している Hibernate, Terracotta, etc Xuggler と組み合わせて映像加工も可能ドキュメントの整備がまだまだ足りない最近は公式サトが整いつつあるが日本語の情報は非常に少ない 21

22 3-1. mixi ゕプリでビデオチャット! 3-2. ゕーキテクチャ概要 3-3. ゕプリ機能 Red5 機能 3-4. ソースコード公開中 22

23 Adobe Flex + Red5で開発したビデオチャット mixiゕプリとして公開中ビデオテキストボイス産業技術大学院大学におけるPBL(Project Based Learning)の一環として開発 23

24 実際のデモをご覧ください 24

25 Open Social API mixiゕプリ RTMP Flash ユーザーA Flex ユーザーB 25

26 2 つの機能を例にコードを交えて説明アプリ機能 Red5 機能 1 テキストチャットリモートメソッド呼び出し 2 ビデオチャットラブストリーミング 26

27 アプリ機能 Red5機能テキストチャットリモートメソッド呼び出し 27

28 接続入室 Red5 部屋接続 A さんやっほー入室 B さんやっほーやっほー 28

29 var nc:netconnection = new NetConnection(); nc.connect("rtmp://red5server/red5application/room"); Red5 部屋 nc.call("sendmessage", new Responder(onResult), やっほー ); A さん public boolean sendmessage(string msg) { IConnection conn = Red5.getConnectionLocal(); invokeonallconnections( conn.getscope(), "receivemessage", msg ); } public function recievemessage(msg:string):void { ; } B さん public function recievemessage(msg:string):void { ; } 29

30 アプリ機能 Red5機能ビデオチャットラブストリーミング 30

31 接続 Red5 接続 A さん映像公開 B さん映像受信 31

var nc:netconnection = new NetConnection(); nc.connect("rtmp://red5server/red5application"); Red5 A さん var cam:camera = Camera.get(); var mic:microphone = Microphone.

32 var nc:netconnection = new NetConnection(); nc.connect("rtmp://red5server/red5application"); Red5 A さん var cam:camera = Camera.get(); var mic:microphone = Microphone.get(); var ns:netstream = new NetStream(nc); ns.attachvideo(cam); ns.attachaudio(mic); ns.publish("red5broadcastdemo", "live"); ns.play("red5broadcastdemo", -1); B さん 32

33 Google Code でソースコード公開中クラゕントサド Adobe Flex(Action Script) PureMVC Framework サーバーサド Red5(Java) その他 mixi ゕプリ用ガジェット (XML) ボット機能 (GoogleAppEngine/Python) 33

34 4-1. まとめ 4-2. おしらせ 4-3. Q&A 34

35 Red5 のまとめオープンソースのため無償で使用可能双方向の動画配信ゕプリが作れる機能的にも商用ソフトに劣らず十分実用的 Adobeサトにも名前が取り上げられている動画配信の今後はどうなる? モバルでのさらなる普及 HTML5 とは共存 ( 排他的なものではない ) 35

36 The best way to predict the future is to invent it. ( 未来を予測する最善の方法はそれを発明することだ ) -- Alan Kay in

37 ユーザー会の立ち上げ日本 Red5ユーザー会を立ち上げました! 皆様のご参加をお待ちしています! Powered by 株式会社スタジオゕルカナ 37

38 38

39 ご清聴ありがとうございました 39

2

Java Festa in 2007 OPEN JAVA: IMAGINE THE POSSIBILITIES 2 3 4 Java SE のダウンロード数の比率 1996/12 からのダウンロード数 5 JavaOne 2007 5/7: CommunityOne > NetBeans Day, GlassFish, OpenSolaris, OpenJDK, Web 2.0 5/8-11: JavaOne

～オープンソースで実現するビデオストリーミング リアルタイムコミュニケーション～

～オープンソースで実現するビデオストリーミングリアルタイムコミュニケーション～