WebRTC の弱点議論@iwashi86

2014/06/03 WebRTC Meetup Tokyo #2

● いわせ よしまさ 　　　 @iwashi86　 web iwashi.co

● 仕事　・ NTT コム Web Developer　・ HTML5 Experts.jp 編集者

● 興味　・ WebRTC　・ Infrastructure as Code (Vagrant / Chef)

Takeaway

　・ WebRTC における　　ありがちな課題 ( 弱点 ) × 2　・その対応

こんな気持ち

やった！WebRTC サービスできたよ！

同僚・友人に教えて使ってもらおう！

超えられない壁

PC

http://news.mynavi.jp/photo/news/2014/05/07/066/ 　より引用

2014/05 PC ブラウザシェア

SmartphoneTablet

2014/05 スマフォ・タブレット ブラウザシェア

http://news.mynavi.jp/news/2014/06/02/207/ 　より引用

Solutions?

Ignore

ユーザ限定？

Fallback

https://developers.apidaze.io/webrtc

https://developers.apidaze.io/webrtc

Flash ？

Plugin

Demo(Safari)

https://temasys.atlassian.net/wiki/display/TWPP/WebRTC+Plugins 　より引用

こんな気持ち2

WebRTC サービスで友人とビデオチャットしたい

同僚・友人にはすでに URL を教えてある

でも相手はそのページ開いてない

あれ？どうやって連絡するの？

電話？

https://www.flickr.com/photos/86979666@N00/8018700489/in/photolist-ddzWhH-cPGNAL-e5hgag-dmP4Ln-gsk1c4-dsFbNo-dsFbP3-dsFb9N-d9VvxQ-dsFb5j-gfcBn2-dsF2vB-dY7ZbV-hPbxDM-dXkDJR-dsFcY3-dsFcWy-dsFcVo-dsF3Ug-dsF3Te-dsF3RV-dsFcR1-dsFcPQ-dsF3Nr-dsF3Mn-dsFcKN-dsFcJL-dsFcHb-dsF3FZ-dsFcEC-dsFcD1-dsF3Bp-dsFcA3-dsF3yV-dsF3xB-dsF3vZ-dsF3v6-dsFcuo-dsFcsY-dsF3rg-dsF3pP-dsF3oz-dsF3mK-dsF3je-dsFcjb-dsFchL-dsFcgy-dsF3dR-dsF3cr-dsF3be/ 　より引用

Bettersolutions?

GCM / APNs

https://developer.mblox.com/book-page/push-message-api 　より引用

W3C Push API

http://www.w3.org/TR/push-api/

Extension / Add-on

DEMO( したかったんですが NW 環境的に

signaling が通らないので動作イメージとコードだけ )

Chrome Extension (Background で動作 )

Signaling Server(SkyWay 等 )

独自 App

① 登録

Chrome Extension (Background で動作 )

Signaling Server(SkyWay 等 )

独自 App

① 登録 ② 登録＆発信

Chrome Extension (Background で動作 )

Signaling Server(SkyWay 等 )

独自 App

① 登録 ② 登録＆発信

③ 通知

API key

Takeaway => Summary

　● IE/Safari　　→無視　　→フォールバック　　→プラグイン

　●ページが閉じてる　　→ GCM / APNs 　　　→ W3C Push API　　→ Extensions / Add-on

おしまい