breakouts でpresentation api の拡張提案したよ
TRANSCRIPT
![Page 1: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/1.jpg)
Breakouts でPresentation API の
拡張提案したよ2014/11/25 第52回HTML5とか勉強会
さっくる
NTTコミュニケーションズ
![Page 2: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/2.jpg)
自己紹介
さっくる @sakkuru
本名:本間 咲来/ Saki HOMMA
NTT コミュニケーションズ 技術開発部所属
HTML5を専門に調査や開発、コミュニティ活動、標準化活動などを担当
「WebRTC Chat on SkyWay」の中の人
html5jスタッフ
Codezineで「WebRTC入門」の連載中
1
![Page 3: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/3.jpg)
Agenda
Breakouts
Presentation API
拡張提案
デモ
Breakouts セッションの様子
2
![Page 4: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/4.jpg)
Breakouts について
3
![Page 5: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/5.jpg)
Breakouts について
TPACのPlenary Dayに行われるアンカンファレンス
参加者が自由にテーマを出し合い、セッションを持てる
4
![Page 6: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/6.jpg)
Breakouts について
TPAC 2011からはじまった
毎年30前後のセッションが行われる
テーマやセッション内容は、あらかじめWebに書き込んでおく
TPAC 2014 / Session Ideas
https://www.w3.org/wiki/TPAC2014/SessionIdeas
TPAC 2014 / Session Schedule
https://www.w3.org/wiki/TPAC2014
5
![Page 7: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/7.jpg)
Breakouts について
当日スケジュールボードが出されるので、講演者は自分のセッションタイトルをボードに貼り付けていく
6
![Page 8: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/8.jpg)
Presentation API について
7
![Page 9: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/9.jpg)
Presentation API とは
http://w3c.github.io/presentation-api/
Webページをセカンドスクリーンに映し、操作を可能にするAPI
Second Screen Presentation WGで検討中
まだどのブラウザにも未実装
8
wired (HDMI, DVI, …)
wireless (DLNA, AirPlay, MiraCast, Chromecast, …)
![Page 10: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/10.jpg)
Presentation API の動作概要
startSessionでセッションを確立後、postMessageやonMessageイベントでメッセージのやり取りを行う
9
startSession(URL)
postMessage()onMessage event
Web AppWeb Appspecifiedby URL
![Page 11: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/11.jpg)
Presentation API は
スクリーンに特化したAPI
10
![Page 12: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/12.jpg)
でも、大きく変更せず
non-screenデバイスに
拡張できるのでは?
11
![Page 13: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/13.jpg)
non-screenデバイスにも対象を
拡張すると…
12
![Page 14: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/14.jpg)
13
いろいろなデバイスをWebから操作できるように!
![Page 15: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/15.jpg)
実はいろいろなデバイスを
操作することを
目的としたAPIは
他にも提案されています
14
![Page 16: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/16.jpg)
Network Service Discovery API
http://www.w3.org/TR/discovery-api/
ローカルネットワーク内のデバイスの検出を行うAPI
SSDPやmDNSなどで検出を行う
検出後のメッセージングに関しては、Webアプリケーション側で全て実装
検討中だが…
15
![Page 17: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/17.jpg)
NSD API と Presentation API
16
抜粋: startSession(“Wot Devices”) by Tatsuya Igarashi (Sony Corporation)
![Page 18: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/18.jpg)
Breakouts で
Presentation API の
non-screenデバイスへの
拡張の提案をすることに
17
![Page 19: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/19.jpg)
セッション中デモを行うことに
18
![Page 20: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/20.jpg)
提案した拡張Presentation API
19
![Page 21: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/21.jpg)
デモのシステム概要
20
![Page 22: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/22.jpg)
当日
21
![Page 23: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/23.jpg)
22
![Page 24: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/24.jpg)
23
![Page 25: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/25.jpg)
24
![Page 26: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/26.jpg)
25
![Page 27: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/27.jpg)
26
![Page 28: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/28.jpg)
27
![Page 29: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/29.jpg)
意見等
Minutes
http://www.w3.org/2014/10/29-startsession-minutes.html
ライブストリーム連携するならgetUserMediaを拡張したら?
デバイス連携はプライバシーとかを考慮しなきゃならないから難しい
連携サービス名を抽象化しないと使い勝手悪いので、検討が必要
28
![Page 30: Breakouts でPresentation API の拡張提案したよ](https://reader034.vdocuments.site/reader034/viewer/2022042602/55a78b301a28ab206e8b466f/html5/thumbnails/30.jpg)
おわり
29