Control Max patch with HTML 5 web interface


    Mar 19 2012 | 5:09 pm
    I'd like to make a web interface that allows users to change parameters of a generative max patch as the output streams. It seems like HTML 5 will simplify this kind of thing-- here's a project that lets you control a modular synth remotely via HTML 5:
    Never having used HTML 5 I'm not sure what form the messages from the web interface to Max would need to take. Any pointers to learning this would be appreciated!

    • Mar 23 2012 | 2:24 pm
      bump!
    • Mar 24 2012 | 8:54 am
      you could, for example, play or loop pieces of audio or midi on the site in order to have something to output (from the browser to a hardware out) at the client side.
      or eventually you can work with protocol handlers ... with javascript it should be possible for
      a site to add a protocol handler to the browser on the fly ...
    • Mar 24 2012 | 12:55 pm
      thanks Roman,
      What I'd like to figure out is how to replace the hardware synth in the linked project (http://synth.media.mit.edu/synthclient/) with a Max patch running on my machine. So you would have a web interface that sends messages to the max patch, which streams the audio and video back to the net.
      The choice of HTML 5 for the above project makes me wonder whether there are special/new features of it that would make this easier to implement.
    • Jul 01 2014 | 7:42 am
      Hi everyone,
      I dig this up, cause I too am wondering to what extent it's possible to create a web browser based interface, that sends messages to a max patch running on the same machine. I'm not trying to access the patch through a distant network, it would be too slow anyway for what I intend to do. Is there anyway to send udp messages this way ?
      Thanks in advance !
    • Jul 01 2014 | 9:26 am
      Have a look at this - https://www.youtube.com/watch?v=qFmiIcgRIao (link in the description).
      It's possible with node.js - you communicate to max through OSC - in the case of vtouch it is communicating to python (LIVEOSC), but the process is much the same.
      I doubt this will work on a mobile app though (phonegap etc)
    • Jul 01 2014 | 2:20 pm
    • Jul 02 2014 | 10:06 am
      Sweet !
      Thanks to both of you, I'll check on those methods !