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

More Related Content

What's hot (19)

PPTX
PeerConnectionリレーとMediaRecorder
mganeko
 
PPTX
Chrome Extensionで スクリーンシェアをやってみる
Yusuke Naka
 
PDF
SFUの話
tnoho
 
PDF
DataChannelでIoTしてみた
tonofo
 
PDF
ラズパイでWebRTC ヾ(*´∀`*)ノキャッキャ uv4l-webrtc 軽くハックしてみたよ!
Kensaku Komatsu
 
PPTX
FirefoxでgetStats()
Kensaku Komatsu
 
PDF
HTML5によるリアルタイムコミュニケーション WebRTCの概説
You_Kinjoh
 
PPTX
知ってると得するかもしれないConstraintsたち
Kensaku Komatsu
 
PPTX
WebRTC SFU mediasoup sample
mganeko
 
PPTX
WebRTCライトニングトークス 〜 WebRTCを色々使ってみた話
infocom corp.
 
PDF
色々なデバイスの映像を使ったWebブラウザでのWebRTC映像中継(GotAPIからのWebRTC利用)
Device WebAPI Consortium
 
PPTX
うしちゃん WebRTC Chat on SkyWayの開発コードw
Kensaku Komatsu
 
PPTX
Inside WebM
mganeko
 
PPTX
SkyWayで作るボイスチャット
tioken
 
PDF
Flash airでスマートロック!
Takuya Noaki
 
PDF
WebRTC Boot Camp (WebRTC Conference Japan 2016) 事前公開版
You_Kinjoh
 
PDF
最新Web 通信系API総まくり!WebRTC, Streams, Push api etc.
Kensaku Komatsu
 
PDF
WebRTCの話
You_Kinjoh
 
PPTX
Infocom webrtc conference japan
mganeko
 
PeerConnectionリレーとMediaRecorder
mganeko
 
Chrome Extensionで スクリーンシェアをやってみる
Yusuke Naka
 
SFUの話
tnoho
 
DataChannelでIoTしてみた
tonofo
 
ラズパイでWebRTC ヾ(*´∀`*)ノキャッキャ uv4l-webrtc 軽くハックしてみたよ!
Kensaku Komatsu
 
FirefoxでgetStats()
Kensaku Komatsu
 
HTML5によるリアルタイムコミュニケーション WebRTCの概説
You_Kinjoh
 
知ってると得するかもしれないConstraintsたち
Kensaku Komatsu
 
WebRTC SFU mediasoup sample
mganeko
 
WebRTCライトニングトークス 〜 WebRTCを色々使ってみた話
infocom corp.
 
色々なデバイスの映像を使ったWebブラウザでのWebRTC映像中継(GotAPIからのWebRTC利用)
Device WebAPI Consortium
 
うしちゃん WebRTC Chat on SkyWayの開発コードw
Kensaku Komatsu
 
Inside WebM
mganeko
 
SkyWayで作るボイスチャット
tioken
 
Flash airでスマートロック!
Takuya Noaki
 
WebRTC Boot Camp (WebRTC Conference Japan 2016) 事前公開版
You_Kinjoh
 
最新Web 通信系API総まくり!WebRTC, Streams, Push api etc.
Kensaku Komatsu
 
WebRTCの話
You_Kinjoh
 
Infocom webrtc conference japan
mganeko
 

More from Saki Homma (20)

PPTX
使い倒そう Visual Studio Code!!! ~ここからはじめる基本のキ~
Saki Homma
 
PPTX
使い倒そう Visual Studio Live Share!
Saki Homma
 
PPTX
使い倒そう Visual Studio Code! ~クラウド連携や遠隔ペアプロ、  もちろん Git も便利に~
Saki Homma
 
PPTX
Visual Studio Live Share で 猛暑を乗り切ろう!
Saki Homma
 
PPTX
知ってますか? Azure IoT Edge
Saki Homma
 
PPTX
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
Saki Homma
 
PPTX
JavaScriptでパワポを作ろう
Saki Homma
 
PPTX
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
Saki Homma
 
PPTX
はじめてのAzure Web App for Containers! -コンテナの基礎から DevOps 環境の構築まで-
Saki Homma
 
PPTX
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
Saki Homma
 
PPTX
MicrosoftのサービスでさくっとBot開発!
Saki Homma
 
PPTX
これさえあれば大丈夫!Visual Studio Code 徹底解説
Saki Homma
 
PPTX
Microsoftと最新技術
Saki Homma
 
PPTX
働き方改革のためのバーチャル秘書
Saki Homma
 
PPTX
html5j最新情報
Saki Homma
 
PPTX
Cognitive Services 入門!
Saki Homma
 
PPTX
Visual Studio Code で快適開発生活 -拡張を作って公開しよう-
Saki Homma
 
PPTX
進化するEdge! ~Creators Update版の新機能から既存機能までまとめて解説!~
Saki Homma
 
PPTX
進化するEdge! Creators Update版の新機能一挙紹介!
Saki Homma
 
PPTX
Visual Studio Code 入門
Saki Homma
 
使い倒そう Visual Studio Code!!! ~ここからはじめる基本のキ~
Saki Homma
 
使い倒そう Visual Studio Live Share!
Saki Homma
 
使い倒そう Visual Studio Code! ~クラウド連携や遠隔ペアプロ、  もちろん Git も便利に~
Saki Homma
 
Visual Studio Live Share で 猛暑を乗り切ろう!
Saki Homma
 
知ってますか? Azure IoT Edge
Saki Homma
 
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
Saki Homma
 
JavaScriptでパワポを作ろう
Saki Homma
 
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
Saki Homma
 
はじめてのAzure Web App for Containers! -コンテナの基礎から DevOps 環境の構築まで-
Saki Homma
 
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
Saki Homma
 
MicrosoftのサービスでさくっとBot開発!
Saki Homma
 
これさえあれば大丈夫!Visual Studio Code 徹底解説
Saki Homma
 
Microsoftと最新技術
Saki Homma
 
働き方改革のためのバーチャル秘書
Saki Homma
 
html5j最新情報
Saki Homma
 
Cognitive Services 入門!
Saki Homma
 
Visual Studio Code で快適開発生活 -拡張を作って公開しよう-
Saki Homma
 
進化するEdge! ~Creators Update版の新機能から既存機能までまとめて解説!~
Saki Homma
 
進化するEdge! Creators Update版の新機能一挙紹介!
Saki Homma
 
Visual Studio Code 入門
Saki Homma
 
Ad

Recently uploaded (8)

PDF
Hyperledger Fabric最新v3.x系での機能強化、変更点にキャッチアップ!
LFDT Tokyo Meetup
 
PDF
人気ブロックチェーン基盤「Hyperledger Fabric」最新版を動かしてみた!
LFDT Tokyo Meetup
 
PDF
プライバシ保護のためのインターネットアーキテクチャの進化 (2025-07-11)
Jun Kurihara
 
PDF
Hyperledger Fabric公式サンプル fabric-samples徹底解説
LFDT Tokyo Meetup
 
PDF
[Hardening Designers Confernece 2025]ランサムウェアでの見えざるログ・見えるログ
kataware
 
PDF
PostgreSQL18新機能紹介(db tech showcase 2025 発表資料)
NTT DATA Technology & Innovation
 
PDF
20250710_Devinで切り拓くDB革命_〜価値創出に集中せよ〜.pdf
Masaki Yamakawa
 
PDF
20250711_日本IBM ミドルウエア・ユーザー研究会(JIMUC)総会_中村会長資料.pdf
ChikakoInami1
 
Hyperledger Fabric最新v3.x系での機能強化、変更点にキャッチアップ!
LFDT Tokyo Meetup
 
人気ブロックチェーン基盤「Hyperledger Fabric」最新版を動かしてみた!
LFDT Tokyo Meetup
 
プライバシ保護のためのインターネットアーキテクチャの進化 (2025-07-11)
Jun Kurihara
 
Hyperledger Fabric公式サンプル fabric-samples徹底解説
LFDT Tokyo Meetup
 
[Hardening Designers Confernece 2025]ランサムウェアでの見えざるログ・見えるログ
kataware
 
PostgreSQL18新機能紹介(db tech showcase 2025 発表資料)
NTT DATA Technology & Innovation
 
20250710_Devinで切り拓くDB革命_〜価値創出に集中せよ〜.pdf
Masaki Yamakawa
 
20250711_日本IBM ミドルウエア・ユーザー研究会(JIMUC)総会_中村会長資料.pdf
ChikakoInami1
 
Ad

Breakouts で Presentation API の 拡張提案したよ