A demo and tutorial to voice control HTML GIF animation with mobile phone using OSC + MaxMSP + Nodejs + SocketIO.
The data flow:
OSC controller —- MaxMSP —- Node for Max —- Animation (HTML Web GIF)
BugOSC, an OSC controller I developed based of Wechat mini program (微信小程序).
You should install wechat firstly and then search “BugOSC” in it.
Or you can use any other OSC controller like TouchOSC.
BugOSC now (v0.4) supports speech/voice recognition!
Receive data from OSC controller using [udpreceive].
Node for Max:
It is part of MaxMSP for connecting Max and Nodejs.
Animation (HTML Web GIF)
A static HTML Web page served by Nodejs.
And a GIF animation.
“Favorite”. Written by Alexander Nakarada. https://freepd.com/electronic.php
There are many articles, patches, source code and some advanced Patron-only content there.
Or you can get a source code/patch directly in gumroad. https://gumroad.com/avantcontra
If you like something, could buy me a coffee 😀