20140801 webrtc on-firefox
DESCRIPTION
Firefox and WebRTCTRANSCRIPT
![Page 2: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/2.jpg)
about:me
2
![Page 3: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/3.jpg)
清水智公(しみずのりただ)
• Mozilla Japan テクニカルマーケティング
• 慶應義塾大学政策・メディア研究科非常勤
• @chikoski • https://slideshare.net/chikoski/
3
![Page 4: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/4.jpg)
about:mozilla
4
![Page 5: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/5.jpg)
5
![Page 6: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/6.jpg)
FFiirreeffooxx をよろしくね!
![Page 7: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/7.jpg)
Android 版 Firefox
7
![Page 8: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/8.jpg)
8
![Page 9: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/9.jpg)
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
![Page 10: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/10.jpg)
2014年7月国内販売
• 株式会社びぎねっとより • TELEC、JATEなどを通過後 • Yahoo! Shopping 経由で販売 • 18,500 円(税別、送料込み) • http://www.mozilla.jp/flame/
10
![Page 11: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/11.jpg)
WebRTC on Firefox
11
![Page 12: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/12.jpg)
12
![Page 13: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/13.jpg)
Firefox OS のアーキテクチャ
13
![Page 14: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/14.jpg)
現在のバージョン (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)
![Page 15: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/15.jpg)
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 をサポート
![Page 16: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/16.jpg)
navigator.mozGetUserMedia
• 第3引数のエラーコールバックが必須 • カメラ、マイクはタブ間で共有 • 640x480、16000Hz 固定
16
![Page 17: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/17.jpg)
MediaStream
• Video要素、Audio要素のsrcに設定できる • window.URL.createObjectURLが不要 • window.URL.createObjectURLにも対応 • 明示的にstopメソッドが呼ばれるまで、マイクやカメラはアクティブ
• 将来的には変更されるかもしれない
17
![Page 18: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/18.jpg)
コーデック
• VP8 が利用可能 • Firefox 33a2 で Open H.264 が利用可能に
18
![Page 19: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/19.jpg)
アーキテクチャ
19
![Page 20: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/20.jpg)
webrtc.org のコードを利用
20
![Page 21: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/21.jpg)
about:webrtc
• 統計情報とログの閲覧
21
![Page 22: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/22.jpg)
ログの出力:ICE/STUN/TURN
• 環境変数を設定し、コマンドラインから実行 • 環境変数 • R_LOG_DESTINATION=stderr • R_LOG_LEVEL=3
22
![Page 23: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/23.jpg)
ログの出力:シグナリング
• 環境変数を指定して出力 • 環境変数 • NSPR_LOG_MODULES=signaling:5,mtransport:5 • NSPR_LOG_FILE=ログファイル名
23
![Page 24: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/24.jpg)
ログの出力: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
![Page 25: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/25.jpg)
Loop
25
![Page 26: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/26.jpg)
Loop
• Firefox / Firefox OS向けチャットサービス • デスクトップクライアント:ブラウザ組み込み機能 • Firefox 33.0a でブラウザ組み込みの機能 • Firefox 34 でコードコンプリート予定 • アンドロイド版:ブラウザ組み込み機能? • Firefox OS:2.0 から利用可能https://github.com/mozilla-b2g/firefoxos-loop-client
26
![Page 27: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/27.jpg)
デスクトップ版でのLoopの利用
27
![Page 28: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/28.jpg)
アーキテクチャ
28
![Page 29: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/29.jpg)
ユーザフロー
29
![Page 30: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/30.jpg)
まとめ
30
![Page 31: 20140801 webrtc on-firefox](https://reader033.vdocuments.us/reader033/viewer/2022052906/558be1a3d8b42a29608b468c/html5/thumbnails/31.jpg)
Mozilla Developer Network
• https://developer.mozilla.org/
31