Mr. Banshee

Recently a friend of mine has asked me to embed a max patch into his website, but i have no idea if this can be done. Any pointers would be appreciated (please keep in mind that i am not that savvy with website building, but he has a web guy who doesn't know max/msp)

*in case you wanted to see how bad my web building skills are

Recently a friend of mine has asked me to embed a max patch into his website, but i have no idea if this can be done.  Any pointers would be appreciated (please keep in mind that i am not that savvy with website building, but he has a web guy who doesn't know max/msp)
-chuck
www.chuckbettis.com
*in case you wanted to see how bad my web building skills are 

embedding-a-patch-on-a-website

I'm afraid it isn't (as far as I know, and if it is why hasn't anyone told me!). But as you probably know the runtime is free to download so people can grab max patches from online to run on their own machines. You might also want to have a look at LILY which is a firefox add-on that uses javascript. It is quite intersting but has no MSP.

what if it was a standalone? Does that change anything? 

Sent: Tuesday, December 2, 2008 8:27:10 PM

Subject: [maxmsp] Re: embedding a patch on a website?

what if it was a standalone?  Does that change anything?  
-chuck 

________________________________
From: Luke 
Sent: Tuesday, December 2, 2008 8:27:10 PM
Subject: [maxmsp] Re: embedding a patch on a website?

You still can't put it in your browser like it was a picture or youtube video I'm afraid. Your browser has no idea what max is or how to accomplish the tasks that max can. By the way, your website isn't all that bad, though that picture scares me a little! Want a redesign?

And you toured with Fugazi?! That's pretty amazing, I'm a little bit awe-struck.

i'm not sure if it is realizable, but seems possible, that you make a flash front-end with OSC for max patch and run max at the server.

Has anyone found a solution for this yet? It's a great idea.

I once developed a web site for a project that was using Ruby On Rails and sqlite3 as a database. At the same time I had Max with FTM installed on the server (OSX 10.5 Server on a MiniMac), so that it was possible to send UDP messages to the server from Max applications running on clients.

I once  developed a web site for a project that was using Ruby On Rails and sqlite3 as a database. At the same time I had Max with FTM installed on the server (OSX 10.5 Server on a MiniMac), so that it was possible to send UDP messages to the server from Max applications running on clients.


on the server side also php and java can send udp data...

on the client-(browser) side it doesn't even need to be flash. you could build an interface using javascript (frameworks like jQuery or prototype make it very easy) and send the data (can be OSC or anything else) via an AJAX-call to a server, that then forwards it via udp to max [udpreceive].

the way back should work as well: The Max-patch sends data via [udpsend] to the server and the server pushes the information to the client-brower i.e using a socalled unterminated http-request (also called Comet).

For the sending/pushing of the data from and to the browser this might be interesting:

p.s. This is more for a nerd-mind-f*** - But as max patches are saved using the JSON format, you could theoretically even create an entire max-patch from the browser, save it on the server and load it automatically into a patcher-object inside a max-patch....

I'm having good results at the moment using net.loadbang.web.

http://www.loadbang.net/space/Software/net.loadbang.web

---------------------------------------------

---------------------------------------------
http://www.olilarkin.co.uk / http://olilarkin.blogspot.com


I know this is an old post (2011), but a few students here have been asking about the possibility of viewing (and running?) the Max Patch on a web browser somehow. Not sure if there has been any progress. From my perspective, it would certainly provide new opportunities for making an interactive e-book on Max/MSP in ways similar to those used for Javascript-based instruction. Max does just about everything else so well, so perhaps this "webifying" is just not really a good fit.

Ahmet Kizilays "Patch to Canvas" lets you view patches in a browser. It's not perfect but useful for what it is. 

http://www.ahmetkizilay.com/ptc/index.html

Ahmet Kizilays "Patch to Canvas" lets you view patches in a browser. It's not perfect but useful for what it is. http://www.ahmetkizilay.com/
http://www.ahmetkizilay.com/ptc/index.html


Closest I've gotten as of late is sending serial data from Max to a NodeJS server. Another potential avenue. Plus extra controller ideas.

http://youtu.be/BbssgKRB7oI?list=PLGJVzjsDmY4YdJrNJBVhI4UVf5RXk94FF

another way to make a web page control a max patch: 

It's looking like PD patches will soon be able to be run in the browser 

another way to make a web page control a max patch: https://github.com/olilarkin/wsserver

It's looking like PD patches will soon be able to be run in the browser https://github.com/sebpiq/WebPd


I appreciate all of these comments, and I probably should have been clearer with my query. I am seeking the interactive, visual Max Patching Window within a web browser. So, the patch has to be visible, interactive, and run just as it does in the current patching window. Ahmet's code looks to be the closest to the desired feature, but appears to be only a renderer (great start though). I did not see a source code repository (e.g., github) for his demonstration--so people can easily adapt to any server. Raja's point seems spot on -- the idea for Cycling is to broaden the interface so that is not as limited. Currently, that broadening is best achieved through HTML5/CSS/JS since that can then be pushed to any platform.

I appreciate all of these comments, and I probably should have been clearer with my query. I am seeking the interactive, visual Max Patching Window within a web browser. So, the patch has to be visible, interactive, and run just as it does in the current patching window. Ahmet's code looks to be the closest to the desired feature, but appears to be only a renderer (great start though). I did not see a source code repository (e.g., github) for his demonstration--so people can easily adapt to any server. Raja's point seems spot on -- the idea for Cycling is to broaden the interface so that is not as limited. Currently, that broadening is best achieved through HTML5/CSS/JS since that can then be pushed  to any platform.


This Chrome Web Labs project looks like it may have some the pieces you would need:

https://github.com/GoogleChrome/ChromeWebLab/tree/master/Orchestra/

This Chrome Web Labs project looks like it may have some the pieces you would need:
https://github.com/GoogleChrome/ChromeWebLab/tree/master/Orchestra/


@antialias: Chrome Web Labs appears to be missing the key part: the patching window interface (i.e., seeing the patch itself (not just a presentation) and being able to edit and interact with it).

hello! @metaphorz have you guys seen any updates or possibilities for this? I'm currently working on finding a way to enable a patch editor on the web for main music programming languages, e.g: Max, PD, Chuck.

I have not seen any but have not used Max lately. I agree that web compatibility for patches is a way forward when contrasted with some others such as cables.gl for instance

people see those interactive demos on the c74 website and think it´s made with max :)

Having a web solution for running patches would be really neat for making stuff for a lot of people to use at least. So as I see it it's hard to make it possible to use max/msp as a full working program online for editing patches etc, which would also be kind of strange if people could use it free online(?). But with the possibility with exporting patches as applications, is it still a hard thing to make these apps work in a browser environment? All max/msp things I guess are taken care of by the app build, but then would it be possible to have a web page run this app for users/visitors to interact with it (in lets say presentation mode)?

Having a web solution for running patches would be really neat for making stuff for a lot of people to use at least. So as I see it it's hard to make it possible to use max/msp as a full working program online for editing patches etc, which would also be kind of strange if people could use it free online(?). But with the possibility with exporting patches as applications, is it still a hard thing to make these apps work in a browser environment? All max/msp things I guess are taken care of by the app build, but then would it be possible to have a web page run this app for users/visitors to interact with it (in lets say presentation  mode)?