リモート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

モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察～Text-to-MusicとText-To-ImageかつImage-to-Music...

モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察～Text-to-MusicとText-To-ImageかつImage-to-Music...

モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察～Text-to-MusicとText-To-ImageかつImage-to-Music...博三太田

TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案

TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案

TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案sugiuralab

NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）

NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）

NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）NTT DATA Technology & Innovation

デジタル・フォレンジックの最新動向（2024年4月27日情洛会総会特別講演スライド）

デジタル・フォレンジックの最新動向（2024年4月27日情洛会総会特別講演スライド）

デジタル・フォレンジックの最新動向（2024年4月27日情洛会総会特別講演スライド）UEHARA, Tetsutaro

CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か？

CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か？

CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か？akihisamiyanaga1

業務で生成AIを活用したい人のための生成AI入門講座（社外公開版：キンドリルジャパン社内勉強会：2024年4月発表）

業務で生成AIを活用したい人のための生成AI入門講座（社外公開版：キンドリルジャパン社内勉強会：2024年4月発表）

業務で生成AIを活用したい人のための生成AI入門講座（社外公開版：キンドリルジャパン社内勉強会：2024年4月発表）Hiroshi Tomioka

クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf

クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf

クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfFumieNakayama

AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf

AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf

AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfFumieNakayama

自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer

自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer

自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineerYuki Kikuchi

Recently uploaded (9)

モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察～Text-to-MusicとText-To-ImageかつImage-to-Music...

モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察～Text-to-MusicとText-To-ImageかつImage-to-Music...

モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察～Text-to-MusicとText-To-ImageかつImage-to-Music...

TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案

TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案

TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案

NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）

NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）

NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）

デジタル・フォレンジックの最新動向（2024年4月27日情洛会総会特別講演スライド）

デジタル・フォレンジックの最新動向（2024年4月27日情洛会総会特別講演スライド）

デジタル・フォレンジックの最新動向（2024年4月27日情洛会総会特別講演スライド）

CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か？

CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か？

CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か？

業務で生成AIを活用したい人のための生成AI入門講座（社外公開版：キンドリルジャパン社内勉強会：2024年4月発表）

業務で生成AIを活用したい人のための生成AI入門講座（社外公開版：キンドリルジャパン社内勉強会：2024年4月発表）

業務で生成AIを活用したい人のための生成AI入門講座（社外公開版：キンドリルジャパン社内勉強会：2024年4月発表）

クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf

クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf

クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf

AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf

AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf

AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf

自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer

自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer

自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer

リモート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