ブラウザで楽しめるAI楽器を作るまで

ブラウザで楽しめるAI楽器を作るまで
からあげ @karaage0703
IoT縛りの勉強会! IoTLT vol.88
@YouTube + #NT金沢
自己紹介
名前:からあげ(本名は内緒)
職業:闇のエンジニア
家族:妻・娘・ネコx2
https://karaage.hatenadiary.jp
@karaage0703
karaage0703
ブログ、各種SNSで情報発信しています
Skeleton Sequencer
人の身体を楽器にするシステム
初代Skeleton Sequencer Kinectバージョン
Kinect
PC
with Processing
USB MIDI
microKorg XL
2002年に製作 巨大なシステム
ブラウザで楽しめるAI楽器を作るまで
そして7年の時が流れた
AIブームとJetson Nano発売
2代目Skeleton Sequencer Jetson Nanoバージョン
Camera
Jetson Nano
with Python and
TensorFlow
MIPI-CSI MIDI ポケット
ミク
2代目Skeleton Sequencer Jetson Nanoバージョン
かなりコンパクトに
詳しくは本を読んでみてください
そして2022年
Skeleton Sequencer ブラウザバージョ
ン
Camera
Multi Device
with p5.js and
ml5.js + p5.sound.js
ほぼ全てがブラウザ上で可能に
サイズも価格も100分の1。使える人は100倍以上
コードとデモページはGitHub/GitHub Pagesで公開
ProtoPediaさんにリンク含めてまとめてあります
是非試してみてください
https://protopedia.net/prototype/3028
ご静聴
ありがとうございました
1 of 14

Recommended

Kinect導入講座 by
Kinect導入講座Kinect導入講座
Kinect導入講座nitmic
5.4K views32 slides
Introducing to algyan jet bot ai robot kit by
Introducing to algyan jet bot ai robot kitIntroducing to algyan jet bot ai robot kit
Introducing to algyan jet bot ai robot kitAtomu Hidaka
492 views15 slides
Tokyo Motion Network by
Tokyo Motion NetworkTokyo Motion Network
Tokyo Motion NetworkKaoru NAKAMURA
5.7K views14 slides
JETSON 最新情報 & 自動外観検査事例紹介 by
JETSON 最新情報 & 自動外観検査事例紹介JETSON 最新情報 & 自動外観検査事例紹介
JETSON 最新情報 & 自動外観検査事例紹介NVIDIA Japan
1K views21 slides
Kinect で power point 操作しよう! by
Kinect で power point 操作しよう!Kinect で power point 操作しよう!
Kinect で power point 操作しよう!Oda Shinsuke
3.6K views16 slides
HELLO AI WORLD - MEET JETSON NANO by
HELLO AI WORLD - MEET JETSON NANOHELLO AI WORLD - MEET JETSON NANO
HELLO AI WORLD - MEET JETSON NANONVIDIA Japan
1.3K views37 slides

More Related Content

Similar to ブラウザで楽しめるAI楽器を作るまで

禁断のESP32対決!NefryBT vs obniz by
禁断のESP32対決!NefryBT vs obniz禁断のESP32対決!NefryBT vs obniz
禁断のESP32対決!NefryBT vs obnizYuka Tokuyama
1.1K views58 slides
Flex 勉強会 第 166 回@仙台 「AIRKinectについて」 by tokufxug by
Flex 勉強会 第 166 回@仙台 「AIRKinectについて」 by tokufxugFlex 勉強会 第 166 回@仙台 「AIRKinectについて」 by tokufxug
Flex 勉強会 第 166 回@仙台 「AIRKinectについて」 by tokufxugSadao Tokuyama
1.6K views133 slides
Android & Nui & Physical Computing by
Android & Nui & Physical ComputingAndroid & Nui & Physical Computing
Android & Nui & Physical ComputingTakahiro KUREBAYASHI
925 views136 slides
3ヶ月間 IoT をやって感じたこと by
3ヶ月間 IoT をやって感じたこと3ヶ月間 IoT をやって感じたこと
3ヶ月間 IoT をやって感じたことkakakikikeke
1.5K views11 slides
Kinect Camp with TMCN / Kinect v2 概要 by
Kinect Camp with TMCN /  Kinect v2 概要Kinect Camp with TMCN /  Kinect v2 概要
Kinect Camp with TMCN / Kinect v2 概要Akira Hatsune
1.9K views35 slides

Similar to ブラウザで楽しめるAI楽器を作るまで(20)

禁断のESP32対決!NefryBT vs obniz by Yuka Tokuyama
禁断のESP32対決!NefryBT vs obniz禁断のESP32対決!NefryBT vs obniz
禁断のESP32対決!NefryBT vs obniz
Yuka Tokuyama1.1K views
Flex 勉強会 第 166 回@仙台 「AIRKinectについて」 by tokufxug by Sadao Tokuyama
Flex 勉強会 第 166 回@仙台 「AIRKinectについて」 by tokufxugFlex 勉強会 第 166 回@仙台 「AIRKinectについて」 by tokufxug
Flex 勉強会 第 166 回@仙台 「AIRKinectについて」 by tokufxug
Sadao Tokuyama1.6K views
3ヶ月間 IoT をやって感じたこと by kakakikikeke
3ヶ月間 IoT をやって感じたこと3ヶ月間 IoT をやって感じたこと
3ヶ月間 IoT をやって感じたこと
kakakikikeke 1.5K views
Kinect Camp with TMCN / Kinect v2 概要 by Akira Hatsune
Kinect Camp with TMCN /  Kinect v2 概要Kinect Camp with TMCN /  Kinect v2 概要
Kinect Camp with TMCN / Kinect v2 概要
Akira Hatsune1.9K views
KinebrickEV3におけるスタイリッシュモーションの取り組み by Akira Hatsune
KinebrickEV3におけるスタイリッシュモーションの取り組みKinebrickEV3におけるスタイリッシュモーションの取り組み
KinebrickEV3におけるスタイリッシュモーションの取り組み
Akira Hatsune1.9K views
IoTの始め方~.NET Micro Framework編 by Nobuaki Aoki
IoTの始め方~.NET Micro Framework編IoTの始め方~.NET Micro Framework編
IoTの始め方~.NET Micro Framework編
Nobuaki Aoki5.1K views
2019 jetson azure_hands-on by Aya Owosekun
2019 jetson azure_hands-on2019 jetson azure_hands-on
2019 jetson azure_hands-on
Aya Owosekun47 views
2020年10月29日 Jetson Nano 2GBで始めるAI x Robotics教育 by NVIDIA Japan
2020年10月29日 Jetson Nano 2GBで始めるAI x Robotics教育2020年10月29日 Jetson Nano 2GBで始めるAI x Robotics教育
2020年10月29日 Jetson Nano 2GBで始めるAI x Robotics教育
NVIDIA Japan456 views
ゲームにおけるニューラルネットワーク「NERO における学習と進化 」(後半) by Youichiro Miyake
ゲームにおけるニューラルネットワーク「NERO における学習と進化 」(後半)ゲームにおけるニューラルネットワーク「NERO における学習と進化 」(後半)
ゲームにおけるニューラルネットワーク「NERO における学習と進化 」(後半)
Youichiro Miyake6.4K views
2014 0228 OSC-Spring Tokyo NETMF by Atomu Hidaka
2014 0228 OSC-Spring Tokyo NETMF2014 0228 OSC-Spring Tokyo NETMF
2014 0228 OSC-Spring Tokyo NETMF
Atomu Hidaka1.7K views
NGK2018B マルチプラットフォームQtと日本Qtユーザー会の紹介 by Kazuo Asano (@kazuo_asa)
NGK2018B マルチプラットフォームQtと日本Qtユーザー会の紹介NGK2018B マルチプラットフォームQtと日本Qtユーザー会の紹介
NGK2018B マルチプラットフォームQtと日本Qtユーザー会の紹介
NVIDIA Jetson Edge Computing Digital Seminar Special Edition, JETSON XAVIER NX by Aya Owosekun
NVIDIA Jetson Edge Computing Digital Seminar Special Edition, JETSON XAVIER NXNVIDIA Jetson Edge Computing Digital Seminar Special Edition, JETSON XAVIER NX
NVIDIA Jetson Edge Computing Digital Seminar Special Edition, JETSON XAVIER NX
Aya Owosekun527 views
M5Stackで始めるIoT入門 by Akira Hatsune
M5Stackで始めるIoT入門M5Stackで始めるIoT入門
M5Stackで始めるIoT入門
Akira Hatsune287 views

More from karaage0703

ハッカソンに役立ちそうなこと by
ハッカソンに役立ちそうなことハッカソンに役立ちそうなこと
ハッカソンに役立ちそうなことkaraage0703
769 views20 slides
ネコでメタバースでNFTニャ! by
ネコでメタバースでNFTニャ!ネコでメタバースでNFTニャ!
ネコでメタバースでNFTニャ!karaage0703
681 views28 slides
Python x ハードウェアの可能性 by
Python x ハードウェアの可能性Python x ハードウェアの可能性
Python x ハードウェアの可能性karaage0703
1.2K views76 slides
リモートでネコと触れ合うシステム by
リモートでネコと触れ合うシステムリモートでネコと触れ合うシステム
リモートでネコと触れ合うシステムkaraage0703
1.3K views24 slides
AIマリオで全ステージクリアチャレンジ by
AIマリオで全ステージクリアチャレンジAIマリオで全ステージクリアチャレンジ
AIマリオで全ステージクリアチャレンジkaraage0703
973 views18 slides
Pythonでルンバをペットにする闇の技術 by
Pythonでルンバをペットにする闇の技術Pythonでルンバをペットにする闇の技術
Pythonでルンバをペットにする闇の技術karaage0703
1.2K views20 slides

More from karaage0703(18)

ハッカソンに役立ちそうなこと by karaage0703
ハッカソンに役立ちそうなことハッカソンに役立ちそうなこと
ハッカソンに役立ちそうなこと
karaage0703769 views
ネコでメタバースでNFTニャ! by karaage0703
ネコでメタバースでNFTニャ!ネコでメタバースでNFTニャ!
ネコでメタバースでNFTニャ!
karaage0703681 views
Python x ハードウェアの可能性 by karaage0703
Python x ハードウェアの可能性Python x ハードウェアの可能性
Python x ハードウェアの可能性
karaage07031.2K views
リモートでネコと触れ合うシステム by karaage0703
リモートでネコと触れ合うシステムリモートでネコと触れ合うシステム
リモートでネコと触れ合うシステム
karaage07031.3K views
AIマリオで全ステージクリアチャレンジ by karaage0703
AIマリオで全ステージクリアチャレンジAIマリオで全ステージクリアチャレンジ
AIマリオで全ステージクリアチャレンジ
karaage0703973 views
Pythonでルンバをペットにする闇の技術 by karaage0703
Pythonでルンバをペットにする闇の技術Pythonでルンバをペットにする闇の技術
Pythonでルンバをペットにする闇の技術
karaage07031.2K views
Makerのススメ by karaage0703
MakerのススメMakerのススメ
Makerのススメ
karaage0703765 views
今さら・今こそAI入門 by karaage0703
今さら・今こそAI入門今さら・今こそAI入門
今さら・今こそAI入門
karaage0703799 views
AIロボット開発超入門 by karaage0703
AIロボット開発超入門AIロボット開発超入門
AIロボット開発超入門
karaage0703896 views
VS Code超入門 by karaage0703
VS Code超入門VS Code超入門
VS Code超入門
karaage07031.4K views
「ラズベリーパイの”パイ”とはなんのことだ。」 by karaage0703
「ラズベリーパイの”パイ”とはなんのことだ。」「ラズベリーパイの”パイ”とはなんのことだ。」
「ラズベリーパイの”パイ”とはなんのことだ。」
karaage07031.8K views
ディープラーニングで テルミン作ってみるミン 〜 Deep Thereminの調べ〜 by karaage0703
ディープラーニングで テルミン作ってみるミン 〜 Deep Thereminの調べ〜ディープラーニングで テルミン作ってみるミン 〜 Deep Thereminの調べ〜
ディープラーニングで テルミン作ってみるミン 〜 Deep Thereminの調べ〜
karaage0703610 views
ディープラーニングおじさんの話 by karaage0703
ディープラーニングおじさんの話ディープラーニングおじさんの話
ディープラーニングおじさんの話
karaage07034.1K views
AIエッジデバイス入門 〜記録するカメラから思考するカメラへ〜 by karaage0703
AIエッジデバイス入門 〜記録するカメラから思考するカメラへ〜AIエッジデバイス入門 〜記録するカメラから思考するカメラへ〜
AIエッジデバイス入門 〜記録するカメラから思考するカメラへ〜
karaage07032.1K views
ディープラーニングで作るAIガジェット by karaage0703
ディープラーニングで作るAIガジェットディープラーニングで作るAIガジェット
ディープラーニングで作るAIガジェット
karaage07032K views
Jetson Nano x TensorFlowで始めるモバイルAI画像認識 by karaage0703
Jetson Nano x TensorFlowで始めるモバイルAI画像認識Jetson Nano x TensorFlowで始めるモバイルAI画像認識
Jetson Nano x TensorFlowで始めるモバイルAI画像認識
karaage070312K views
家庭菜園のGOTEIAN(ご提案) by karaage0703
家庭菜園のGOTEIAN(ご提案)家庭菜園のGOTEIAN(ご提案)
家庭菜園のGOTEIAN(ご提案)
karaage07032.5K views
カメラ Introduction of Camera by karaage0703
カメラ Introduction of Cameraカメラ Introduction of Camera
カメラ Introduction of Camera
karaage07031.7K views

Recently uploaded

3Dプリンタでロボット作るよ#1_黎明編 by
3Dプリンタでロボット作るよ#1_黎明編3Dプリンタでロボット作るよ#1_黎明編
3Dプリンタでロボット作るよ#1_黎明編Yoshihiro Shibata
21 views7 slides
Najah Matsuo Self Introduction by
Najah Matsuo Self IntroductionNajah Matsuo Self Introduction
Najah Matsuo Self IntroductionNajahMatsuo
7 views29 slides
図解で理解するvetKD by
図解で理解するvetKD図解で理解するvetKD
図解で理解するvetKDryoo toku
85 views22 slides
AIで始めるRustプログラミング #SolDevHub by
AIで始めるRustプログラミング #SolDevHubAIで始めるRustプログラミング #SolDevHub
AIで始めるRustプログラミング #SolDevHubK Kinzal
22 views25 slides
システム概要.pdf by
システム概要.pdfシステム概要.pdf
システム概要.pdfTaira Shimizu
37 views1 slide
robotics42.pptx by
robotics42.pptxrobotics42.pptx
robotics42.pptxNatsutani Minoru
193 views18 slides

Recently uploaded(10)

3Dプリンタでロボット作るよ#1_黎明編 by Yoshihiro Shibata
3Dプリンタでロボット作るよ#1_黎明編3Dプリンタでロボット作るよ#1_黎明編
3Dプリンタでロボット作るよ#1_黎明編
Najah Matsuo Self Introduction by NajahMatsuo
Najah Matsuo Self IntroductionNajah Matsuo Self Introduction
Najah Matsuo Self Introduction
NajahMatsuo7 views
図解で理解するvetKD by ryoo toku
図解で理解するvetKD図解で理解するvetKD
図解で理解するvetKD
ryoo toku85 views
AIで始めるRustプログラミング #SolDevHub by K Kinzal
AIで始めるRustプログラミング #SolDevHubAIで始めるRustプログラミング #SolDevHub
AIで始めるRustプログラミング #SolDevHub
K Kinzal22 views
onewedge_companyguide1 by ONEWEDGE1
onewedge_companyguide1onewedge_companyguide1
onewedge_companyguide1
ONEWEDGE112 views
how query cost affects search behavior translated in JP by Tobioka Ken
how query cost affects search behavior translated in JPhow query cost affects search behavior translated in JP
how query cost affects search behavior translated in JP
Tobioka Ken9 views