Forums > MaxMSP

Control Max patch with HTML 5 web interface

March 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:

http://synth.media.mit.edu/synthclient/

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!


March 23, 2012 | 2:24 pm

bump!


March 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 …


March 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.


July 1, 2014 | 12: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 !


July 1, 2014 | 2: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)


July 1, 2014 | 7:20 am

here’s one solution:

https://github.com/olilarkin/wsserver


July 2, 2014 | 3:06 am

Sweet !
Thanks to both of you, I’ll check on those methods !


Viewing 8 posts - 1 through 8 (of 8 total)