Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
WebRTCの弱点議論
@iwashi86
2014/06/03 WebRTC Meetup Tokyo #2
●いわせ よしまさ
@iwashi86
web iwashi.co
●仕事
・NTTコム Web Developer
・HTML5 Experts.jp 編集者
●興味
・WebRTC
・Infrastructure as Code (Vagr...
Takeaway
・WebRTCにおける
ありがちな課題(弱点) × 2
・その対応
こんな気持ち
やった!
WebRTCサービスできたよ!
同僚・友人に教えて
使ってもらおう!
超えられない壁
PC
http://news.mynavi.jp/photo/news/2014/05/07/066/ より引用
2014/05 PCブラウザシェア
Smartphone
Tablet
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-ds...
Better
solutions?
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
おしまい
WebRTC Meetup Tokyo #2 WebRTCの弱点議論
WebRTC Meetup Tokyo #2 WebRTCの弱点議論
WebRTC Meetup Tokyo #2 WebRTCの弱点議論
Upcoming SlideShare
Loading in …5
×

WebRTC Meetup Tokyo #2 WebRTCの弱点議論

1,622 views

Published on

WebRTC Meetup Tokyo #2 でお話した資料です。

WebRTC弱点議論という内容で
特にIE/Safariの対応はどうする?
ブラウザのページが閉じてる?
という件ついてお話しています。

  • Be the first to comment

WebRTC Meetup Tokyo #2 WebRTCの弱点議論

  1. 1. WebRTCの弱点議論 @iwashi86 2014/06/03 WebRTC Meetup Tokyo #2
  2. 2. ●いわせ よしまさ @iwashi86 web iwashi.co ●仕事 ・NTTコム Web Developer ・HTML5 Experts.jp 編集者 ●興味 ・WebRTC ・Infrastructure as Code (Vagrant / Chef)
  3. 3. Takeaway ・WebRTCにおける ありがちな課題(弱点) × 2 ・その対応
  4. 4. こんな気持ち
  5. 5. やった! WebRTCサービスできたよ!
  6. 6. 同僚・友人に教えて 使ってもらおう!
  7. 7. 超えられない壁
  8. 8. PC
  9. 9. http://news.mynavi.jp/photo/news/2014/05/07/066/ より引用 2014/05 PCブラウザシェア
  10. 10. Smartphone Tablet
  11. 11. 2014/05 スマフォ・タブレット ブラウザシェア http://news.mynavi.jp/news/2014/06/02/207/ より引用
  12. 12. Solutions?
  13. 13. Ignore
  14. 14. ユーザ限定?
  15. 15. Fallback
  16. 16. https://developers.apidaze.io/webrtc
  17. 17. https://developers.apidaze.io/webrtc Flash?
  18. 18. Plugin
  19. 19. Demo (Safari)
  20. 20. https://temasys.atlassian.net/wiki/display/TWPP/WebRTC+Plugins より引用
  21. 21. こんな気持ち 2
  22. 22. WebRTCサービスで 友人とビデオチャットしたい
  23. 23. 同僚・友人には すでにURLを教えてある
  24. 24. でも相手は そのページ開いてない
  25. 25. あれ? どうやって連絡するの?
  26. 26. 電話? 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/ より引用
  27. 27. Better solutions?
  28. 28. GCM / APNs
  29. 29. https://developer.mblox.com/book-page/push-message-api より引用
  30. 30. W3C Push API
  31. 31. http://www.w3.org/TR/push-api/
  32. 32. Extension / Add-on
  33. 33. DEMO (したかったんですがNW環境的に signalingが通らないので 動作イメージとコードだけ)
  34. 34. Chrome Extension (Backgroundで動作) Signaling Server (SkyWay等) 独自App ① 登録
  35. 35. Chrome Extension (Backgroundで動作) Signaling Server (SkyWay等) 独自App ① 登録 ②登録&発信
  36. 36. Chrome Extension (Backgroundで動作) Signaling Server (SkyWay等) 独自App ① 登録 ②登録&発信 ③通知
  37. 37. API key
  38. 38. Takeaway => Summary ●IE/Safari →無視 →フォールバック →プラグイン ●ページが閉じてる →GCM / APNs →W3C Push API →Extensions / Add-on
  39. 39. おしまい

×