Tweet
Tweet

Slide 1

Slide 1 text

WebRTCの弱点議論 @iwashi86 2014/06/03 WebRTC Meetup Tokyo #2

Slide 2

Slide 2 text

●いわせ よしまさ 　　　 @iwashi86 　web iwashi.co ●仕事 　・NTTコム Web Developer 　・HTML5 Experts.jp 編集者 ●興味 　・WebRTC 　・Infrastructure as Code (Vagrant / Chef)

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

こんな気持ち

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

超えられない壁

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

PC

Slide 10

Slide 10 text

http://news.mynavi.jp/photo/news/2014/05/07/066/　より引用 2014/05 PCブラウザシェア

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

Smartphone Tablet

Slide 13

Slide 13 text

2014/05 スマフォ・タブレット ブラウザシェア http://news.mynavi.jp/news/2014/06/02/207/ 　より引用

Slide 14

Slide 14 text

Solutions?

Slide 15

Slide 15 text

Ignore

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

ユーザ限定？

Slide 18

Slide 18 text

Fallback

Slide 19

Slide 19 text

https://developers.apidaze.io/w

Slide 20

Slide 20 text

https://developers.apidaze.io/w Flash？

Slide 21

Slide 21 text

Plugin

Slide 22

Slide 22 text

Demo (Safari)

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

こんな気持ち 2

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

電話？ 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-dsFc R1-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/　より引用

Slide 30

Slide 30 text

Better solutions?

Slide 31

Slide 31 text

GCM / APNs

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

W3C Push API

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

Extension / Add-on

Slide 36

Slide 36 text

DEMO (したかったんですがNW環境的に signalingが通らないので 動作イメージとコードだけ)

Slide 37

Slide 37 text

Chrome Extension (Backgroundで動作) Signaling Server (SkyWay等) 独自App ① 登録

Slide 38

Slide 38 text

Chrome Extension (Backgroundで動作) Signaling Server (SkyWay等) 独自App ① 登録 ②登録＆発信

Slide 39

Slide 39 text

Chrome Extension (Backgroundで動作) Signaling Server (SkyWay等) 独自App ① 登録 ②登録＆発信 ③通知

Slide 40

Slide 40 text

API key

Slide 41

Slide 41 text

Takeaway => Summary 　●IE/Safari 　　→無視 　　→フォールバック 　　→プラグイン 　●ページが閉じてる 　　→GCM / APNs　 　　→W3C Push API 　　→Extensions / Add-on

Slide 42

Slide 42 text

おしまい