リモートJamセッション（Web Music ハッカソン#2 LT資料）

•Download as PPTX, PDF•

2 likes•937 views

Kensaku Komatsu

Web Musci ハッカソン#2で作ったWebRTC(p2p)を使ったリモートJamセッションアプリのLT資料です。

リモート Jam Session
(WebRTC p2p)
2014.1.18(sat)
こまつけんさく

最終的にやりたい（かもしれな
い）こと

とりあえず、prototypeを今回はつ
くりました。（顔認識はなし）
レスポンス性あげるた
めに、WebRTC(p2p)の
DataChannelを利用

♪

♪
♪

(確認できている)接続要件
• Chrome canary : M34
• Chrome for Android beta : M33
• Demo URL
– http://192.168.40.40:3000

• 注意点
– SSID : “skyway-wifi guest”に繋いでね

repository

https://github.com/komasshu-skyway-sample/drumsessions

More Related Content

Viewers also liked

Value Added Services and WebRTC

Value Added Services and WebRTC

Value Added Services and WebRTCDialogic Inc.

WebRTC NextVersion時代のJavaScript開発

WebRTC NextVersion時代のJavaScript開発

WebRTC NextVersion時代のJavaScript開発Yusuke Naka

WebRTCで実現するオンライン英会話の未来

WebRTCで実現するオンライン英会話の未来

WebRTCで実現するオンライン英会話の未来WebRTCConferenceJapan

WebRTCライトニングトークス〜 WebRTCを色々使ってみた話

WebRTCライトニングトークス〜 WebRTCを色々使ってみた話

WebRTCライトニングトークス〜 WebRTCを色々使ってみた話infocom corp.

WebRTCで動かす“テレイグジスタンス”ロボット

WebRTCで動かす“テレイグジスタンス”ロボット

WebRTCで動かす“テレイグジスタンス”ロボットNTT Communications Technology Development

WebRTCサービスを個人で運営してみた話

WebRTCサービスを個人で運営してみた話

WebRTCサービスを個人で運営してみた話Junki Mizushima

Web of Thingsの現状とWebRTC活用の可能性

Web of Thingsの現状とWebRTC活用の可能性

Web of Thingsの現状とWebRTC活用の可能性Kensaku Komatsu

Viewers also liked (7)

Value Added Services and WebRTC

Value Added Services and WebRTC

Value Added Services and WebRTC

WebRTC NextVersion時代のJavaScript開発

WebRTC NextVersion時代のJavaScript開発

WebRTC NextVersion時代のJavaScript開発

WebRTCで実現するオンライン英会話の未来

WebRTCで実現するオンライン英会話の未来

WebRTCで実現するオンライン英会話の未来

WebRTCライトニングトークス〜 WebRTCを色々使ってみた話

WebRTCライトニングトークス〜 WebRTCを色々使ってみた話

WebRTCライトニングトークス〜 WebRTCを色々使ってみた話

WebRTCで動かす“テレイグジスタンス”ロボット

WebRTCで動かす“テレイグジスタンス”ロボット

WebRTCで動かす“テレイグジスタンス”ロボット

WebRTCサービスを個人で運営してみた話

WebRTCサービスを個人で運営してみた話

WebRTCサービスを個人で運営してみた話

Web of Thingsの現状とWebRTC活用の可能性

Web of Thingsの現状とWebRTC活用の可能性

Web of Thingsの現状とWebRTC活用の可能性

More from Kensaku Komatsu

Media processing with serverless architecture

Media processing with serverless architecture

Media processing with serverless architectureKensaku Komatsu

Boxdev lt-09082016

Boxdev lt-09082016

Boxdev lt-09082016Kensaku Komatsu

a pattern for PWA, PRPL

a pattern for PWA, PRPL

a pattern for PWA, PRPLKensaku Komatsu

Full Matrix Auto Test Framework for WebRTC

Full Matrix Auto Test Framework for WebRTC

Full Matrix Auto Test Framework for WebRTCKensaku Komatsu

WebRTC 101Kensaku Komatsu

04122016 web rtc_globalsummit

04122016 web rtc_globalsummit

04122016 web rtc_globalsummitKensaku Komatsu

SkyWay国内唯一のCPaaS

SkyWay国内唯一のCPaaS

SkyWay国内唯一のCPaaSKensaku Komatsu

ラズパイでWebRTC ヾ(*´∀｀*)ﾉｷｬｯｷｬ uv4l-webrtc 軽くハックしてみたよ！

ラズパイでWebRTC ヾ(*´∀｀*)ﾉｷｬｯｷｬ uv4l-webrtc 軽くハックしてみたよ！

ラズパイでWebRTC ヾ(*´∀｀*)ﾉｷｬｯｷｬ uv4l-webrtc 軽くハックしてみたよ！Kensaku Komatsu

ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る

ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る

ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探るKensaku Komatsu

最新Web 通信系API総まくり！WebRTC, Streams, Push api etc.

最新Web 通信系API総まくり！WebRTC, Streams, Push api etc.

最新Web 通信系API総まくり！WebRTC, Streams, Push api etc.Kensaku Komatsu

FirefoxでgetStats()

FirefoxでgetStats()

FirefoxでgetStats()Kensaku Komatsu

14th apr2015 リックテレコ勉強会

14th apr2015 リックテレコ勉強会

14th apr2015 リックテレコ勉強会Kensaku Komatsu

WebRTCが拓く新たなWebビジネスの世界

WebRTCが拓く新たなWebビジネスの世界

WebRTCが拓く新たなWebビジネスの世界Kensaku Komatsu

25th nov2014 52thhtml5j

25th nov2014 52thhtml5j

25th nov2014 52thhtml5jKensaku Komatsu

知ってると得するかもしれないConstraintsたち

知ってると得するかもしれないConstraintsたち

知ってると得するかもしれないConstraintsたちKensaku Komatsu

WebRTCにより可視化されるリアルタイムクラウド。求められるAPI

WebRTCにより可視化されるリアルタイムクラウド。求められるAPI

WebRTCにより可視化されるリアルタイムクラウド。求められるAPI Kensaku Komatsu

エフサミ2014 web rtcの傾向と対策

エフサミ2014 web rtcの傾向と対策

エフサミ2014 web rtcの傾向と対策Kensaku Komatsu

HTML5 Night 2014 Web x Network Technology ( WebRTC )

HTML5 Night 2014 Web x Network Technology ( WebRTC )

HTML5 Night 2014 Web x Network Technology ( WebRTC )Kensaku Komatsu

Web rtcの使い方Kensaku Komatsu

iPhoneでなんちゃってWebRTC

iPhoneでなんちゃってWebRTC

iPhoneでなんちゃってWebRTCKensaku Komatsu

More from Kensaku Komatsu (20)

Media processing with serverless architecture

Media processing with serverless architecture

Media processing with serverless architecture

Boxdev lt-09082016

Boxdev lt-09082016

Boxdev lt-09082016

a pattern for PWA, PRPL

a pattern for PWA, PRPL

a pattern for PWA, PRPL

Full Matrix Auto Test Framework for WebRTC

Full Matrix Auto Test Framework for WebRTC

Full Matrix Auto Test Framework for WebRTC

WebRTC 101

04122016 web rtc_globalsummit

04122016 web rtc_globalsummit

04122016 web rtc_globalsummit

SkyWay国内唯一のCPaaS

SkyWay国内唯一のCPaaS

SkyWay国内唯一のCPaaS

ラズパイでWebRTC ヾ(*´∀｀*)ﾉｷｬｯｷｬ uv4l-webrtc 軽くハックしてみたよ！

ラズパイでWebRTC ヾ(*´∀｀*)ﾉｷｬｯｷｬ uv4l-webrtc 軽くハックしてみたよ！

ラズパイでWebRTC ヾ(*´∀｀*)ﾉｷｬｯｷｬ uv4l-webrtc 軽くハックしてみたよ！

ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る

ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る

ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る

最新Web 通信系API総まくり！WebRTC, Streams, Push api etc.

最新Web 通信系API総まくり！WebRTC, Streams, Push api etc.

最新Web 通信系API総まくり！WebRTC, Streams, Push api etc.

FirefoxでgetStats()

FirefoxでgetStats()

FirefoxでgetStats()

14th apr2015 リックテレコ勉強会

14th apr2015 リックテレコ勉強会

14th apr2015 リックテレコ勉強会

WebRTCが拓く新たなWebビジネスの世界

WebRTCが拓く新たなWebビジネスの世界

WebRTCが拓く新たなWebビジネスの世界

25th nov2014 52thhtml5j

25th nov2014 52thhtml5j

25th nov2014 52thhtml5j

知ってると得するかもしれないConstraintsたち

知ってると得するかもしれないConstraintsたち

知ってると得するかもしれないConstraintsたち

WebRTCにより可視化されるリアルタイムクラウド。求められるAPI

WebRTCにより可視化されるリアルタイムクラウド。求められるAPI

WebRTCにより可視化されるリアルタイムクラウド。求められるAPI

エフサミ2014 web rtcの傾向と対策

エフサミ2014 web rtcの傾向と対策

エフサミ2014 web rtcの傾向と対策

HTML5 Night 2014 Web x Network Technology ( WebRTC )

HTML5 Night 2014 Web x Network Technology ( WebRTC )

HTML5 Night 2014 Web x Network Technology ( WebRTC )

Web rtcの使い方

iPhoneでなんちゃってWebRTC

iPhoneでなんちゃってWebRTC

iPhoneでなんちゃってWebRTC

Recently uploaded

論文紹介：Automated Classification of Model Errors on ImageNet

論文紹介：Automated Classification of Model Errors on ImageNet

論文紹介：Automated Classification of Model Errors on ImageNetToru Tamaki

Postman LT Fukuoka_Quick Prototype_By Daniel

Postman LT Fukuoka_Quick Prototype_By Daniel

Postman LT Fukuoka_Quick Prototype_By Danieldanielhu54

[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜スマートビルディング爆速開発を支える自動化テスト戦略

[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜スマートビルディング爆速開発を支える自動化テスト戦略

[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜スマートビルディング爆速開発を支える自動化テスト戦略Ryo Sasaki

論文紹介：Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...

論文紹介：Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...

論文紹介：Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...Toru Tamaki

【早稲田AI研究会　講義資料】3DスキャンとTextTo3Dのツールを知ろう！(Vol.1)

【早稲田AI研究会　講義資料】3DスキャンとTextTo3Dのツールを知ろう！(Vol.1)

【早稲田AI研究会　講義資料】3DスキャンとTextTo3Dのツールを知ろう！(Vol.1)Hiroki Ichikura

論文紹介：Semantic segmentation using Vision Transformers: A survey

論文紹介：Semantic segmentation using Vision Transformers: A survey

論文紹介：Semantic segmentation using Vision Transformers: A surveyToru Tamaki

TSAL operation mechanism and circuit diagram.pdf

TSAL operation mechanism and circuit diagram.pdf

TSAL operation mechanism and circuit diagram.pdftaisei2219

SOPを理解する 2024/04/19 の勉強会で発表されたものです

SOPを理解する 2024/04/19 の勉強会で発表されたものです

SOPを理解する 2024/04/19 の勉強会で発表されたものですiPride Co., Ltd.

Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介

Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介

Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Yuma Ohgami

スマートフォンを用いた新生児あやし動作の教示システム

スマートフォンを用いた新生児あやし動作の教示システム

スマートフォンを用いた新生児あやし動作の教示システムsugiuralab

Recently uploaded (10)

論文紹介：Automated Classification of Model Errors on ImageNet

論文紹介：Automated Classification of Model Errors on ImageNet

論文紹介：Automated Classification of Model Errors on ImageNet

Postman LT Fukuoka_Quick Prototype_By Daniel

Postman LT Fukuoka_Quick Prototype_By Daniel

Postman LT Fukuoka_Quick Prototype_By Daniel

[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜スマートビルディング爆速開発を支える自動化テスト戦略

[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜スマートビルディング爆速開発を支える自動化テスト戦略

[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜スマートビルディング爆速開発を支える自動化テスト戦略

論文紹介：Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...

論文紹介：Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...

論文紹介：Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...

【早稲田AI研究会　講義資料】3DスキャンとTextTo3Dのツールを知ろう！(Vol.1)

【早稲田AI研究会　講義資料】3DスキャンとTextTo3Dのツールを知ろう！(Vol.1)

【早稲田AI研究会　講義資料】3DスキャンとTextTo3Dのツールを知ろう！(Vol.1)

論文紹介：Semantic segmentation using Vision Transformers: A survey

論文紹介：Semantic segmentation using Vision Transformers: A survey

論文紹介：Semantic segmentation using Vision Transformers: A survey

TSAL operation mechanism and circuit diagram.pdf

TSAL operation mechanism and circuit diagram.pdf

TSAL operation mechanism and circuit diagram.pdf

SOPを理解する 2024/04/19 の勉強会で発表されたものです

SOPを理解する 2024/04/19 の勉強会で発表されたものです

SOPを理解する 2024/04/19 の勉強会で発表されたものです

Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介

Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介

Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介

スマートフォンを用いた新生児あやし動作の教示システム

スマートフォンを用いた新生児あやし動作の教示システム

スマートフォンを用いた新生児あやし動作の教示システム

リモートJamセッション（Web Music ハッカソン#2 LT資料）

1. リモート Jam Session (WebRTC p2p) 2014.1.18(sat) こまつけんさく

2. 最終的にやりたい（かもしれない）こと

3. とりあえず、prototypeを今回はつくりました。（顔認識はなし）レスポンス性あげるために、WebRTC(p2p)の DataChannelを利用 ♪ ♪ ♪

4. (確認できている)接続要件 • Chrome canary : M34 • Chrome for Android beta : M33 • Demo URL – http://192.168.40.40:3000 • 注意点 – SSID : “skyway-wifi guest”に繋いでね

5. repository https://github.com/komasshu-skyway-sample/drumsessions