話題の #m5stack MIDI演奏っぽいのを試してみたよ #iotlt

IoTLT vol38 at ウイングアーク1st https://iotlt.connpass.com/event/82485/
M5Stackがここ最近話題なので触ってます。演奏したかったので試した結果...

Transcript

1. @n0bisuke ࿩୊ͷM5StackͰԋ૗ͯ͠ΈͨΑ SI #iotlt 2018/4/18
2. ੁݪ ͷͼ͚͢ dotstudio, Inc. ɾWeb Engineer ɾMicrosoft MVP (Node.js) ɾLINE API Expert (ࠃ಺5ਓ/ੈք22ਓ) ɾσδλϧϋϦ΢ουେֶେֶӃ ඇৗۈߨࢣ ɾIoTLT ओ࠵ nobisuke sugawara
3. dotstudio, inc. ཧ೦ : Ϟϊͮ͘ΓΛָ͠ΉਓΛ૿΍͢ 2016೥૑ۀ
4. M5Stack ɾESP32ϕʔεͷ։ൃϓϥοτϑΥʔϜ ɾWiFi & Bluetooth ɾArduino + Arduino IDEͰ։ൃՄೳ ɾCloud IDE + MicroPython or LuaͷOTAػೳ΋ ɾσΟεϓϨΠ / εϐʔΧʔ / Ϙλϯ౥ࡌ ɾ࠷ۙ࿩୊ ʢ2݄ͷIoTLTࡳຈͰॳΊͯ஌ͬͨʣ ɾγϟτϧϥϯ͕ग़དྷΔ
5. લճ(4/18 SIerIoTLT)ͷ͓͞Β͍ ɾεϐʔΧʔ಺ଂ͕໨৽͋͠͞ΔͷͰεϐʔΧʔ ͔ΒνϟϨϯδ ɾγϟτϧϥϯͷԻָͱϧʔϧΛ஧࣮ʹ࠶ݱ
6. લճ(4/18 SIerIoTLT)ͷ͓͞Β͍2 https://github.com/n0bisuke/M5_Shuttle_Run GitHubͰެ։͍ͯ͠·͢ɻ ελʔ͍ͩ͘͞ ⭐ ʮ͋ͳͨͷϓϩμΫτ ʹ؆୯ʹγϟτϧϥϯ ͕૊ΈࠐΊ·͢ɻʯ ɾγϟτϧϥϯΛϥΠϒϥϦԽ
7. લճ(4/18 SIerIoTLT)ͷ஌ݟ(ऄ଍) ɾ”γϟτϧϥϯͷԻݯ͸ΈΜͳ͓ͳ͡Έ”ͩͱ ࢥ͍͕ͬͯͨҧ͔ͬͨ ɾ2001೥ͷதֶ2೥ੜ͕࠷ॳɺͦΕҎ߱ͷੈ୅(ͩ ͍͍ͨ32ࡀҎԼ)͕஌͍ͬͯΔ ɾࠓγϟτϧϥϯͬͯԿʁͬͯͳͬͯΔਓ͸33ࡀ Ҏ্ͩͱࢥΘΕΔ
8. લճ(4/18 SIerIoTLT)ͷ஌ݟ(ऄ଍) ɾ”γϟτϧϥϯͷԻݯ͸ΈΜͳ͓ͳ͡Έ”ͩͱ ࢥ͍͕ͬͯͨҧ͔ͬͨ ɾ2001೥ͷதֶ2೥ੜ͕࠷ॳɺͦΕҎ߱ͷੈ୅(ͩ ͍͍ͨ32ࡀҎԼ)͕஌͍ͬͯΔ ɾࠓγϟτϧϥϯͬͯԿʁͬͯͳͬͯΔਓ͸33ࡀ Ҏ্ͩͱࢥΘΕΔ
9. ࣍͸ ࣗ෼Ͱԋ૗ͯ͠Έ͍ͨ
10. ͱΓ͋͑ͣAmazonͰϙνͬͨ
11. MIDIΩʔϘʔυ ɾMIDI -ʢϛσΟɺMusical Instrument Digital Interfaceʣ ిࢠָثͷԋ૗σʔλΛػثؒͰσδλϧసૹ͢ΔͨΊ ͷੈքڞ௨ن֨ɻ෺ཧతͳૹड৴ճ࿏ɾΠϯλϑΣʔ εɺ௨৴ϓϩτίϧɺϑΝΠϧϑΥʔϚοτͳͲෳ਺ͷ نఆ͔ΒͳΔɻ ɾMIDIΩʔϘʔυ - MIDIσʔλೖྗΠϯλʔϑΣΠε
12. ΍Γ͍ͨ͜ͱͷΠϝʔδ લճ ࠓճ
13. ΍Γ͍ͨ͜ͱͷΠϝʔδ (෼͔Γʹ͔ͬͨ࣌͘༻) ♪ ♪ MIDIͰΩʔλΠϓ Ի͕ྲྀΕΔ
14. ♪ ♪ MIDIͰΩʔλΠϓ Ի͕ྲྀΕΔ ͨͩɺMIDIΩʔϘʔυΛ௚઀઀ଓग़དྷΔ ΠϯλʔϑΣΠε͕m5stackʹͳͦ͞͏ ?
15. Ұ୴PCͰरͬͯMQTTͰ౤͛ͯΈΔ ♪ ♪ MIDIͰΩʔλΠϓ Ի͕ྲྀΕΔ PCͰरͬͯ MQTT
16. ΍͍͖ͬͯ
17. Web MIDI API ɾMIDIͷ৴߸Λϒϥ΢βͷJavaScript͔Β੍ޚग़དྷΔ ɾChromeͰରԠ͍ͯ͠Δ
18. MIDIͷσʔλߏ଄ ྫ: 144 48 110 ࢀরݩ: http://computermusicresource.com/MIDI.Commands.html
19. Arduinoଆ ɾMQTT༻ͷknolleary/pubsubclientϥΠϒϥϦΛར༻ ɾϒϥ΢β͔ΒͷϝοηʔδΛSubscribeͯ͠ԻΛྲྀ͢ ɾಛఆͷΩʔφϯόʔ͕དྷͨΒࢦఆप೾਺ͷԻΛग़ྗ
20. ͱΓ͋͑ͣ MIDIΩʔϘʔυͱ࿈ܞͰ͖ͨ
21. ݕূ: ͪΌΜͱ஄͚Δͷ͔
22. ԋ૗ ɾ
23. ݁Ռ: ஄͚Δ͚Ͳ஗Ԇ͕ͻͲ͍
24. ݁Ռ: MQTTͷݶքΛײͨ͡ ɾMQTTɺϦΞϧλΠϜͳॲཧͱ͸ݴ͑Ͳ΋Իʹ͸࢖͑ ͳͦ͞͏ ɾWiFiΛ࢖͍ͬͯΔҎ্ɺωοτϫʔΫͷϘτϧωοΫ ͕͋Δ ɾ஗Ԇ͕͋ΔͱԻͷִ͕ؒ౷ҰͰແ͍ۂ͸͠ΜͲ͍ ɾࠓ౓͸BLEͳͲͰ΋ࢼͯ͠Έ͍ͨ
25. ஗Ԇ͕ൃੜͯ͠΋ ׂͱԋ૗Ͱ͖ͨۂ
26. ஗Ԇ͕ൃੜͯ͠΋ ׂͱԋ૗Ͱ͖ͨۂ
27. ஗Ԇ͕ൃੜͯ͠΋ ׂͱԋ૗Ͱ͖ͨۂ2 ৴߸ͷΞϨ
28. ஗Ԇ͕ൃੜͯ͠΋ ׂͱԋ૗Ͱ͖ͨۂ3 γϟτϧϥϯBGM (஗ԆʹΑΓ࠷ޙ͸ٳΜͰΔ)
30. γϟτϧϥϯ
31. ࠓճͷͨΊʹɺຊମΑΓ΋௒Ͱ͔͍ MIDIΩʔϘʔυΛߪೖͯ͠͠·ͬͨ ϑϧαΠζ88伴
32. ݁Ռ: ࣦഊ (શવ࢖͑ͳ͔ͬͨ)
33. γϟτϧϥϯ ΍Δͱ͖͸ ྫͷϥΠϒϥϦͷํ͕ྑͦ͞͏
34. ·ͱΊ ɾM5StackͰԋ૗Λࢼͯ͠Έͨ ɾ௨৴ʹMQTT͸஗Ԇ͕େ͖͍ͷͰࣦഊɻ ɹ-> վળ͠ͳ͍ͱ ɾWeb MIDIָ͍͠ ɾγϟτϧϥϯ΍Δ৔߹͸ϥΠϒϥϦ࢖ͬͯͶ (n0bisuke/M5_Shuttle_Run) FB: sugawara.ryousuke Twitter: n0bisuke