WEB OS で可能になる世界～ DLNA と WEB との融合から～

2013/4/20

NTT コミュニケーションズ小松健作

自己紹介名前

• 小松健作所属

• NTT コミュニケーションズ• 次世代 Web の研究開発・標準化

HTML5 コミュニティの運営• Google Developers Expert(HTML5)• Microsoft MVP (IE)

TODAY’S MAIN IDEA

デバイス連携と API の進化

WebSocket

▶WebRTC

▶WebOS APIs 　 (Socket API)

AGENDA• デバイス連携を使った最近のサービス ( WebSocket

practice )

• デバイス連携 : リアルタイム性の向上 ( WebRTC )

• デバイス連携 : 連携デバイスの多様化 ( Web OS )

AGENDA• デバイス連携を使った最近のサービス ( WebSocket

practice )

• デバイス連携 : リアルタイム性の向上 ( WebRTC )

• デバイス連携 : 連携デバイスの多様化 ( Web OS )

デバイス連携サービスって ?

Web 経由で色んなモノをリモコンに !!

WORLD WIDE MAZEDEMO

http://chrome.com/maze/

まだ実験的？

JOIN TV

https://www.jointv.jp/

アーキテクチャ

AGENDA• デバイス連携を使った最近のサービス ( WebSocket

practice )

• デバイス連携 : リアルタイム性の向上 ( WebRTC )

• デバイス連携 : 連携デバイスの多様化 ( Web OS )

WEB SOCKET を使ったデバイス連携の難点

すぐ近くにいるのになぜか cloud 経由

WEBRTC で解決！！

WEBRTC のモデルブローカーサーバー

① 接続情報のやりとり

② データはダイレクトにや

りとり

https://apprtc.appspot.com

VIDEO CHAT DEMODEMO

AGENDA• デバイス連携を使った最近のサービス ( WebSocket

practice )

• デバイス連携 : リアルタイム性の向上 ( WebRTC )

• デバイス連携 : 連携デバイスの多様化 ( Web OS )

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

CHROME PACKAGED APPS V2

DLNA 連携 DEMO

DLNA 連携のモデル

ダイレクトにデータを送受

信

DLNA 連携のみそ1. Service discovery (UDP multicast)

2. Control (SOAP w/ chross-origin xhr)

これらの機能を Socket API で実装

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

まとめ• デバイス連携• WebSocket で一般的になってきた• これからは WebRTC も !!

• Web OS (Socket API とか ) 使うと更に様々なデバイスと連携可能に

組み合わせることで、新たなイノベーション !!（期待）

THANK YOU!!

@komasshu