20140801 webrtc on-firefox
DESCRIPTION
Firefox and WebRTCTRANSCRIPT
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