20140801 webrtc on-firefox

WebRTC on Firefox

Mozilla Japan テクニカルマーケティング 清水智公 (nshimizu@mozilla-japan.org)

WebRTC meetup #3, 2014/08/01

about:me

2

清水智公（しみずのりただ）

• Mozilla Japan テクニカルマーケティング

• 慶應義塾大学政策・メディア研究科非常勤

• ＠chikoski • https://slideshare.net/chikoski/

3

about:mozilla

4

5

FFiirreeffooxx をよろしくね！

Android 版 Firefox

7

8

Flame：開発者向けレファンス端末

• Display: 4.5 inch FWVGA • CPU: MSM8210 Dual 1.2 GHz (Cortex-A7, Adreno 302)

• RAM: 256 MB ~ 1GB • ROM: 8 GB • Camera: 5 MP + 2MP • NFC, BT, Dual SIM

9

2014年7月国内販売

• 株式会社びぎねっとより • TELEC、JATEなどを通過後 • Yahoo! Shopping 経由で販売 • 18,500 円（税別、送料込み） • http://www.mozilla.jp/flame/

10

WebRTC on Firefox

11

12

Firefox OS のアーキテクチャ

13

現在のバージョン (2014/08/01)

14

Nightly alpha beta release

Desktop版 34.0a1 33.0a2 32.0b 31

Android版 34.0a1 33.0a2 32.0b 31

Firefox OS master2.0

(Gecko 32)

1.4

(Gecko 30)

1.3

(Gecko 28)

FirefoxとWebRTC

15

Firefox / Gecko 内容

20 (2013/04/02) getUserMediaをサポート

22 (2013/06/25) MediaStream API, PeerConnection APIをサポート

24 (2013/09/17) Android版FirefoxがWebRTCに対応

25 (2013/10/29) MediaRecorder APIをサポート

33a2 (2014/07/22) OpenH264 をサポート

navigator.mozGetUserMedia

• 第3引数のエラーコールバックが必須 • カメラ、マイクはタブ間で共有 • 640x480、16000Hz 固定

16

MediaStream

• Video要素、Audio要素のsrcに設定できる • window.URL.createObjectURLが不要 • window.URL.createObjectURLにも対応 • 明示的にstopメソッドが呼ばれるまで、マイクやカメラはアクティブ

• 将来的には変更されるかもしれない

17

コーデック

• VP8 が利用可能 • Firefox 33a2 で Open H.264 が利用可能に

18

アーキテクチャ

19

webrtc.org のコードを利用

20

about:webrtc

• 統計情報とログの閲覧

21

ログの出力：ICE/STUN/TURN

• 環境変数を設定し、コマンドラインから実行 • 環境変数 • R_LOG_DESTINATION=stderr • R_LOG_LEVEL=3

22

ログの出力：シグナリング

• 環境変数を指定して出力 • 環境変数 • NSPR_LOG_MODULES=signaling:5,mtransport:5 • NSPR_LOG_FILE=ログファイル名

23

ログの出力：GIPS stack

• 環境変数を指定して出力 • 環境変数 • NSPR_LOG_MODULES=webrtc_trace:65535 • WEBRTC_TRACE_FILE=/path/to/WebRTC.log (the default is just "WebRTC.log")

• モジュールはこちらを参照：http://mxr.mozilla.org/mozilla-central/source/media/webrtc/trunk/webrtc/common_types.h#71

24

Loop

25

Loop

• Firefox / Firefox OS向けチャットサービス • デスクトップクライアント：ブラウザ組み込み機能 • Firefox 33.0a でブラウザ組み込みの機能 • Firefox 34 でコードコンプリート予定 • アンドロイド版：ブラウザ組み込み機能？ • Firefox OS：2.0 から利用可能https://github.com/mozilla-b2g/firefoxos-loop-client

26

デスクトップ版でのLoopの利用

27

アーキテクチャ

28

ユーザフロー

29

まとめ

30

Mozilla Developer Network

• https://developer.mozilla.org/

31