4/20開催 エフスタとHTML5とか勉強会ふくしまの春風!の講演資料です。 デバイス連携サービスの現状・進化・Web OSとの関わりに関する紹介資料です

1. WEB OSで可能になる世界
～DLNAとWEBとの融合から
～
2013/4/20
NTTコミュニケーションズ
小松健作

2. 自己紹介
名前
• 小松健作
所属
• NTTコミュニケーションズ
• 次世代Webの研究開発・標準化
HTML5コミュニティの運営
• Google Developers Expert(HTML5)
• Microsoft MVP (IE)

3. TODAY’S MAIN IDEA
デバイス連携とAPIの進化
WebSocket
▶ WebRTC
▶ WebOS APIs (Socket API)

4. AGENDA
• デバイス連携を使った最近のサービス ( WebSocket
practice )
• デバイス連携 : リアルタイム性の向上 ( WebRTC )
• デバイス連携 : 連携デバイスの多様化 ( Web OS )

5. AGENDA
• デバイス連携を使った最近のサービス ( WebSocket
practice )
• デバイス連携 : リアルタイム性の向上 ( WebRTC )
• デバイス連携 : 連携デバイスの多様化 ( Web OS )

6. デバイス連携サービスっ
て ?
Web経由で色んなモノをリモコンに!!

7. WORLD WIDE MAZE
http://chrome.com/maze/

8. まだ実験的？

9. JOIN TV
https://www.jointv.jp/

11. アーキテクチャ

12. AGENDA
• デバイス連携を使った最近のサービス ( WebSocket
practice )
• デバイス連携 : リアルタイム性の向上 ( WebRTC )
• デバイス連携 : 連携デバイスの多様化 ( Web OS )

13. WEB SOCKETを使った
デバイス連携の難点
すぐ近くにいるのに
なぜかcloud経由

14. WEBRTCで解決！！

15. WEBRTCのモデル
ブローカーサーバー
①接続情報の
やりとり
②データはダ
イレクトにや
りとり

16. https://apprtc.appspot.com
VIDEO CHAT DEMO

17. AGENDA
• デバイス連携を使った最近のサービス ( WebSocket
practice )
• デバイス連携 : リアルタイム性の向上 ( WebRTC )
• デバイス連携 : 連携デバイスの多様化 ( Web OS )

18. もっと色んなデバイスを
繋ぎたい!!

19. CHROME PACKAGED
APPS V2

20. DLNA連携

21. DLNA連携のモデル
ダイレクトに
データを送受
信

22. DLNA連携のみそ
1. Service discovery (UDP multicast)
2. Control (SOAP w/ chross-origin xhr)
これらの機能を Socket API で実装

23. WEB OSの概念図
OS(windows, mac, linux, …)
Browser run-time
Browser
Web apps
Web OS
apps
Native apps
WebSocket, WebRTC
Socket API
Chromeであれば
Packaged Apps
v2

24. まとめ
• デバイス連携
• WebSocketで一般的になってきた
• これからはWebRTCも!!
• Web OS (Socket APIとか) 使うと更に様々な
デバイスと連携可能に
組み合わせることで、新たなイノベーション!!
（期待）

25. THANK YOU!!
@komasshu