SlideShare une entreprise Scribd logo
1  sur  36
Télécharger pour lire hors ligne
qiita.com/yskmjp/items/cedbfd3f3980c42a8771
Node-REDダッシュボードで
効果音ポン出し画面をつくってみた
SP-404 mkⅡ(Roland SP-404SXの後継モデル)
「ポン出し」とは?!
引用元: https://www.shimamura.co.jp/shop/nagoya/pa-rec/20200312/10487
その他の選択肢
引用元: https://www.shimamura.co.jp/shop/nagoya/pa-rec/20200312/10487 引用元: https://soundeffect-lab.info/pon/app.html
Node-REDダッシュボード版(初期型)
Node-REDフロー(初期型)
Node-REDフロー(初期型ファイルキャッシュ版)
仕組み
① ブラウザアクセス
② 音源データ要求
🔊
④ 音源データ取得
③ 音源データ取得
効果音ラボ
仕組み(ファイルキャッシュ版)
① ブラウザアクセス
A 音源データ要求
🔊
③ 音源データ取得
B 音源データ取得
効果音ラボ
C 音源データ保存
② 音源データ読み込み
改良のきっかけ(総統の拍手システム)
Node-REDダッシュボード版(改良型)
Node-REDダッシュボード版(改良型)
��
参加者 運営
Node-REDフロー(改良型)
参加者
運営
仕組み(応援)
① ブラウザアクセス
② 音源データ要求
🔊
④ 音源データ取得
③ 音源データ取得
効果音ラボ
参加者 運営
仕組み(応援ファイルキャッシュ版)
① ブラウザアクセス
A 音源データ要求
🔊
③ 音源データ取得
B 音源データ取得
効果音ラボ
C 音源データ保存
② 音源データ読み込み
ポン出しシステムを本番稼働させてみる
ポン出し
デモ(本日は無し)
本番のポン出しシステム構成
Chromium (Chrome)
システム設定
(USBスピーカー)
ポン出し画面表示
マイクへ入力
(ループバック)
スピーカーから出力
内部オーディオ
USBマイク
参加者 運営
Google Meet の設定
USBマイクを指定する
USBスピーカー以外を指定する
仮想カメラを指定する
ラズパイのオーディオ設定 (1/2)
出力レベルを最小限にする
Google Meet 起動中は
ゲインが自動調整されて
しまう
ラズパイのオーディオ設定 (2/2)
チェックを外す
QRコードが見えない問題
ビデオ OFF ビデオ ON
Googleアカウントの
プロフィール写真
仮想カメラの設定 (OBS-Studio バージョン26以降)
詳細はこちら
https://qiita.com/kitazaki/items/fe037d195f497eb54427
v4l2loopback (手動で対応する場合)
$ sudo apt install v4l2loopback-dkms
$ sudo modprobe v4l2loopback devices=1 video_nr=0 card_label=VirtualCam
exclusive_caps=1
$ ffmpeg -loop 1 -i pon_dashi.png -f v4l2 -vf format=pix_fmts=yuv420p /dev/video0
実際にオンラインイベントで使ってみた
https://qiita.com/kitazaki/items/a2cf839def4c72c69ca5
フロー公開(enebularのDiscover Assets)
https://enebular.com/discover/flow/ae95dbcb
-8d4f-4ab3-9243-8fb3d7e93764
フロー公開(Github)
https://github.com/kitazaki/flow-sample
Node-RED実行環境
手軽に試したいよ!(Azure Web App)
https://pon-dashi.azurewebsites.net/ui
もっと気軽に試したいよ! (Katacoda)
フローも触ってみたいよ!
https://www.katacoda.com/kitazaki/scenarios/pon-dashi-playground
詳細(Qiita)
https://qiita.com/kitazaki/items/4b7e1e848ee3df6dcf82
2022年6月号の月刊 I/Oに掲載(買ってね!)
ありがとうございました!

Contenu connexe

Similaire à 20220519_TechStreet_vol6_kitazaki_v1.pdf

マクロの決死圏
マクロの決死圏マクロの決死圏
マクロの決死圏Jun Morimoto
 
WebAudio APIでブラウザ上で動くDJアプリケーションは作れるか? (WebAudio API アプリケーション作成入門)
WebAudio APIでブラウザ上で動くDJアプリケーションは作れるか? (WebAudio API アプリケーション作成入門)WebAudio APIでブラウザ上で動くDJアプリケーションは作れるか? (WebAudio API アプリケーション作成入門)
WebAudio APIでブラウザ上で動くDJアプリケーションは作れるか? (WebAudio API アプリケーション作成入門)Ryo Koizumi
 
Web Audio APIの初歩
Web Audio APIの初歩Web Audio APIの初歩
Web Audio APIの初歩Shota Kubota
 
runC概要と使い方
runC概要と使い方runC概要と使い方
runC概要と使い方Yuji Oshima
 
Web Audio API, Web MIDI API - 2015 html5 conference
Web Audio API, Web MIDI API - 2015 html5 conferenceWeb Audio API, Web MIDI API - 2015 html5 conference
Web Audio API, Web MIDI API - 2015 html5 conferenceRyoya Kawai
 
ソフトシンセを作りながら学ぶPythonプログラミング
ソフトシンセを作りながら学ぶPythonプログラミングソフトシンセを作りながら学ぶPythonプログラミング
ソフトシンセを作りながら学ぶPythonプログラミングRansui Iso
 
FluentdとGrothForecastをインストールする
FluentdとGrothForecastをインストールするFluentdとGrothForecastをインストールする
FluentdとGrothForecastをインストールするregret raym
 
20140315 JAWS Days OpsWorks
20140315 JAWS Days OpsWorks20140315 JAWS Days OpsWorks
20140315 JAWS Days OpsWorksTeruo Adachi
 
AudioとガジェットをWebで遊ぶ - Web Audio/MIDI Web Bluetooth -
AudioとガジェットをWebで遊ぶ - Web Audio/MIDI Web Bluetooth -AudioとガジェットをWebで遊ぶ - Web Audio/MIDI Web Bluetooth -
AudioとガジェットをWebで遊ぶ - Web Audio/MIDI Web Bluetooth -Ryoya Kawai
 
リアルタイム通信アプリはつくれる!『Red5 Media Server』の機能と事例のご紹介
リアルタイム通信アプリはつくれる!『Red5 Media Server』の機能と事例のご紹介リアルタイム通信アプリはつくれる!『Red5 Media Server』の機能と事例のご紹介
リアルタイム通信アプリはつくれる!『Red5 Media Server』の機能と事例のご紹介Shinichiro Yoshida
 
Cell/B.E. プログラミング事始め
Cell/B.E. プログラミング事始めCell/B.E. プログラミング事始め
Cell/B.E. プログラミング事始めYou&I
 

Similaire à 20220519_TechStreet_vol6_kitazaki_v1.pdf (14)

20220404_SD35_kitazaki.pdf
20220404_SD35_kitazaki.pdf20220404_SD35_kitazaki.pdf
20220404_SD35_kitazaki.pdf
 
マクロの決死圏
マクロの決死圏マクロの決死圏
マクロの決死圏
 
WebAudio APIでブラウザ上で動くDJアプリケーションは作れるか? (WebAudio API アプリケーション作成入門)
WebAudio APIでブラウザ上で動くDJアプリケーションは作れるか? (WebAudio API アプリケーション作成入門)WebAudio APIでブラウザ上で動くDJアプリケーションは作れるか? (WebAudio API アプリケーション作成入門)
WebAudio APIでブラウザ上で動くDJアプリケーションは作れるか? (WebAudio API アプリケーション作成入門)
 
ADS-B on raspberry pi
ADS-B on raspberry piADS-B on raspberry pi
ADS-B on raspberry pi
 
Web Audio APIの初歩
Web Audio APIの初歩Web Audio APIの初歩
Web Audio APIの初歩
 
runC概要と使い方
runC概要と使い方runC概要と使い方
runC概要と使い方
 
Web Audio API, Web MIDI API - 2015 html5 conference
Web Audio API, Web MIDI API - 2015 html5 conferenceWeb Audio API, Web MIDI API - 2015 html5 conference
Web Audio API, Web MIDI API - 2015 html5 conference
 
ソフトシンセを作りながら学ぶPythonプログラミング
ソフトシンセを作りながら学ぶPythonプログラミングソフトシンセを作りながら学ぶPythonプログラミング
ソフトシンセを作りながら学ぶPythonプログラミング
 
FluentdとGrothForecastをインストールする
FluentdとGrothForecastをインストールするFluentdとGrothForecastをインストールする
FluentdとGrothForecastをインストールする
 
20140315 JAWS Days OpsWorks
20140315 JAWS Days OpsWorks20140315 JAWS Days OpsWorks
20140315 JAWS Days OpsWorks
 
AudioとガジェットをWebで遊ぶ - Web Audio/MIDI Web Bluetooth -
AudioとガジェットをWebで遊ぶ - Web Audio/MIDI Web Bluetooth -AudioとガジェットをWebで遊ぶ - Web Audio/MIDI Web Bluetooth -
AudioとガジェットをWebで遊ぶ - Web Audio/MIDI Web Bluetooth -
 
Pdp11 on-fpga
Pdp11 on-fpgaPdp11 on-fpga
Pdp11 on-fpga
 
リアルタイム通信アプリはつくれる!『Red5 Media Server』の機能と事例のご紹介
リアルタイム通信アプリはつくれる!『Red5 Media Server』の機能と事例のご紹介リアルタイム通信アプリはつくれる!『Red5 Media Server』の機能と事例のご紹介
リアルタイム通信アプリはつくれる!『Red5 Media Server』の機能と事例のご紹介
 
Cell/B.E. プログラミング事始め
Cell/B.E. プログラミング事始めCell/B.E. プログラミング事始め
Cell/B.E. プログラミング事始め
 

Plus de Ayachika Kitazaki

20240423_IoTLT_vol110_kitazaki_v1___.pdf
20240423_IoTLT_vol110_kitazaki_v1___.pdf20240423_IoTLT_vol110_kitazaki_v1___.pdf
20240423_IoTLT_vol110_kitazaki_v1___.pdfAyachika Kitazaki
 
20240408_SD輪読&座談会#55________kitazaki.pdf
20240408_SD輪読&座談会#55________kitazaki.pdf20240408_SD輪読&座談会#55________kitazaki.pdf
20240408_SD輪読&座談会#55________kitazaki.pdfAyachika Kitazaki
 
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdfAyachika Kitazaki
 
創発遊戯 2024_野良ハック_発表資料________________.pdf
創発遊戯 2024_野良ハック_発表資料________________.pdf創発遊戯 2024_野良ハック_発表資料________________.pdf
創発遊戯 2024_野良ハック_発表資料________________.pdfAyachika Kitazaki
 
20240311_SD輪読&座談会#54_kitazaki_______.pdf
20240311_SD輪読&座談会#54_kitazaki_______.pdf20240311_SD輪読&座談会#54_kitazaki_______.pdf
20240311_SD輪読&座談会#54_kitazaki_______.pdfAyachika Kitazaki
 
20240227_IoTLT_vol108____kitazaki_v1.pdf
20240227_IoTLT_vol108____kitazaki_v1.pdf20240227_IoTLT_vol108____kitazaki_v1.pdf
20240227_IoTLT_vol108____kitazaki_v1.pdfAyachika Kitazaki
 
20240222_Neko_IoTLT_vol9_kitazaki_v1.pdf
20240222_Neko_IoTLT_vol9_kitazaki_v1.pdf20240222_Neko_IoTLT_vol9_kitazaki_v1.pdf
20240222_Neko_IoTLT_vol9_kitazaki_v1.pdfAyachika Kitazaki
 
20240205_SD輪読&座談会#53_kitazaki.pdf
20240205_SD輪読&座談会#53_kitazaki.pdf20240205_SD輪読&座談会#53_kitazaki.pdf
20240205_SD輪読&座談会#53_kitazaki.pdfAyachika Kitazaki
 
20240125_Visual_IoTLT_kitazaki_v1.pdf
20240125_Visual_IoTLT_kitazaki_v1.pdf20240125_Visual_IoTLT_kitazaki_v1.pdf
20240125_Visual_IoTLT_kitazaki_v1.pdfAyachika Kitazaki
 
20240123_ProtoOut_kitazaki_v1.pdf
20240123_ProtoOut_kitazaki_v1.pdf20240123_ProtoOut_kitazaki_v1.pdf
20240123_ProtoOut_kitazaki_v1.pdfAyachika Kitazaki
 
20240115_SD輪読&座談会#52_kitazaki.pdf
20240115_SD輪読&座談会#52_kitazaki.pdf20240115_SD輪読&座談会#52_kitazaki.pdf
20240115_SD輪読&座談会#52_kitazaki.pdfAyachika Kitazaki
 
20240123_ProtoOut_kitazaki_v1.pdf
20240123_ProtoOut_kitazaki_v1.pdf20240123_ProtoOut_kitazaki_v1.pdf
20240123_ProtoOut_kitazaki_v1.pdfAyachika Kitazaki
 
20231212_enebular_meetup_kitazaki_v1.pdf
20231212_enebular_meetup_kitazaki_v1.pdf20231212_enebular_meetup_kitazaki_v1.pdf
20231212_enebular_meetup_kitazaki_v1.pdfAyachika Kitazaki
 
20231205_Postman_kitazaki_v1-1.pdf
20231205_Postman_kitazaki_v1-1.pdf20231205_Postman_kitazaki_v1-1.pdf
20231205_Postman_kitazaki_v1-1.pdfAyachika Kitazaki
 
20231204_SD輪読&座談会#51_kitazaki.pdf
20231204_SD輪読&座談会#51_kitazaki.pdf20231204_SD輪読&座談会#51_kitazaki.pdf
20231204_SD輪読&座談会#51_kitazaki.pdfAyachika Kitazaki
 
20231113_SD輪読&座談会#50_kitazaki.pdf
20231113_SD輪読&座談会#50_kitazaki.pdf20231113_SD輪読&座談会#50_kitazaki.pdf
20231113_SD輪読&座談会#50_kitazaki.pdfAyachika Kitazaki
 
20221110_Node-RED_Con_2023_kitazaki_v1.pdf
20221110_Node-RED_Con_2023_kitazaki_v1.pdf20221110_Node-RED_Con_2023_kitazaki_v1.pdf
20221110_Node-RED_Con_2023_kitazaki_v1.pdfAyachika Kitazaki
 
20231024_IoTLT_vol104_kitazaki_v1.pdf
20231024_IoTLT_vol104_kitazaki_v1.pdf20231024_IoTLT_vol104_kitazaki_v1.pdf
20231024_IoTLT_vol104_kitazaki_v1.pdfAyachika Kitazaki
 
20231002_SD輪読&座談会#49_kitazaki.pdf
20231002_SD輪読&座談会#49_kitazaki.pdf20231002_SD輪読&座談会#49_kitazaki.pdf
20231002_SD輪読&座談会#49_kitazaki.pdfAyachika Kitazaki
 
20230921_IoTLT_vol103_kitazaki_v1.pdf
20230921_IoTLT_vol103_kitazaki_v1.pdf20230921_IoTLT_vol103_kitazaki_v1.pdf
20230921_IoTLT_vol103_kitazaki_v1.pdfAyachika Kitazaki
 

Plus de Ayachika Kitazaki (20)

20240423_IoTLT_vol110_kitazaki_v1___.pdf
20240423_IoTLT_vol110_kitazaki_v1___.pdf20240423_IoTLT_vol110_kitazaki_v1___.pdf
20240423_IoTLT_vol110_kitazaki_v1___.pdf
 
20240408_SD輪読&座談会#55________kitazaki.pdf
20240408_SD輪読&座談会#55________kitazaki.pdf20240408_SD輪読&座談会#55________kitazaki.pdf
20240408_SD輪読&座談会#55________kitazaki.pdf
 
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf
 
創発遊戯 2024_野良ハック_発表資料________________.pdf
創発遊戯 2024_野良ハック_発表資料________________.pdf創発遊戯 2024_野良ハック_発表資料________________.pdf
創発遊戯 2024_野良ハック_発表資料________________.pdf
 
20240311_SD輪読&座談会#54_kitazaki_______.pdf
20240311_SD輪読&座談会#54_kitazaki_______.pdf20240311_SD輪読&座談会#54_kitazaki_______.pdf
20240311_SD輪読&座談会#54_kitazaki_______.pdf
 
20240227_IoTLT_vol108____kitazaki_v1.pdf
20240227_IoTLT_vol108____kitazaki_v1.pdf20240227_IoTLT_vol108____kitazaki_v1.pdf
20240227_IoTLT_vol108____kitazaki_v1.pdf
 
20240222_Neko_IoTLT_vol9_kitazaki_v1.pdf
20240222_Neko_IoTLT_vol9_kitazaki_v1.pdf20240222_Neko_IoTLT_vol9_kitazaki_v1.pdf
20240222_Neko_IoTLT_vol9_kitazaki_v1.pdf
 
20240205_SD輪読&座談会#53_kitazaki.pdf
20240205_SD輪読&座談会#53_kitazaki.pdf20240205_SD輪読&座談会#53_kitazaki.pdf
20240205_SD輪読&座談会#53_kitazaki.pdf
 
20240125_Visual_IoTLT_kitazaki_v1.pdf
20240125_Visual_IoTLT_kitazaki_v1.pdf20240125_Visual_IoTLT_kitazaki_v1.pdf
20240125_Visual_IoTLT_kitazaki_v1.pdf
 
20240123_ProtoOut_kitazaki_v1.pdf
20240123_ProtoOut_kitazaki_v1.pdf20240123_ProtoOut_kitazaki_v1.pdf
20240123_ProtoOut_kitazaki_v1.pdf
 
20240115_SD輪読&座談会#52_kitazaki.pdf
20240115_SD輪読&座談会#52_kitazaki.pdf20240115_SD輪読&座談会#52_kitazaki.pdf
20240115_SD輪読&座談会#52_kitazaki.pdf
 
20240123_ProtoOut_kitazaki_v1.pdf
20240123_ProtoOut_kitazaki_v1.pdf20240123_ProtoOut_kitazaki_v1.pdf
20240123_ProtoOut_kitazaki_v1.pdf
 
20231212_enebular_meetup_kitazaki_v1.pdf
20231212_enebular_meetup_kitazaki_v1.pdf20231212_enebular_meetup_kitazaki_v1.pdf
20231212_enebular_meetup_kitazaki_v1.pdf
 
20231205_Postman_kitazaki_v1-1.pdf
20231205_Postman_kitazaki_v1-1.pdf20231205_Postman_kitazaki_v1-1.pdf
20231205_Postman_kitazaki_v1-1.pdf
 
20231204_SD輪読&座談会#51_kitazaki.pdf
20231204_SD輪読&座談会#51_kitazaki.pdf20231204_SD輪読&座談会#51_kitazaki.pdf
20231204_SD輪読&座談会#51_kitazaki.pdf
 
20231113_SD輪読&座談会#50_kitazaki.pdf
20231113_SD輪読&座談会#50_kitazaki.pdf20231113_SD輪読&座談会#50_kitazaki.pdf
20231113_SD輪読&座談会#50_kitazaki.pdf
 
20221110_Node-RED_Con_2023_kitazaki_v1.pdf
20221110_Node-RED_Con_2023_kitazaki_v1.pdf20221110_Node-RED_Con_2023_kitazaki_v1.pdf
20221110_Node-RED_Con_2023_kitazaki_v1.pdf
 
20231024_IoTLT_vol104_kitazaki_v1.pdf
20231024_IoTLT_vol104_kitazaki_v1.pdf20231024_IoTLT_vol104_kitazaki_v1.pdf
20231024_IoTLT_vol104_kitazaki_v1.pdf
 
20231002_SD輪読&座談会#49_kitazaki.pdf
20231002_SD輪読&座談会#49_kitazaki.pdf20231002_SD輪読&座談会#49_kitazaki.pdf
20231002_SD輪読&座談会#49_kitazaki.pdf
 
20230921_IoTLT_vol103_kitazaki_v1.pdf
20230921_IoTLT_vol103_kitazaki_v1.pdf20230921_IoTLT_vol103_kitazaki_v1.pdf
20230921_IoTLT_vol103_kitazaki_v1.pdf
 

20220519_TechStreet_vol6_kitazaki_v1.pdf