running pd on website?

Reply to running pd on website? on Wed, 25 Nov 2020 01:23:33 GMT

miguellacorte — Wed, 25 Nov 2020 01:23:33 GMT

Hey guys I'm currently working on a multimedia project and since about a week ago I realised that PD seems to be the tool for the job. I was wondering if there's a way I can run PD within a website so the audience can interact with the patch in a way AND still use data that is being gathered from the website, such as the audience's IP address so I could manipulate this data for a sound experience, e.g: if your IP address is from the US then a specific sound happens or if the IP is from EU then something else occurs, you get the point.

Do you know any tool I could also work with that could essentially give me a set of elements that I could play with on the web for sound making and isn't as complex as PD?
any thoughts would be of huge help, thanks!!!

Reply to running pd on website? on Wed, 25 Nov 2020 02:57:09 GMT

cuinjune — Wed, 25 Nov 2020 02:57:09 GMT

Hi, I think you can take a look at https://mathr.co.uk/empd/ to compile Pd to Javascript and Web Assembly.

There's also Purr Data on the Web:

Purr Data on the Web" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>

but it's in alpha stage and still in development so I would say it's not really ready to be used. But you can try the demo and learn about it from https://git.purrdata.net/jwilkes/purr-data/-/tree/emscripten/emscripten/project/purr-data

I'm planning to build something like PdParty / PdDroidParty for the web browser in a few weeks.
It will allow the user to drag and drop a patch onto the webpage to load the patch and share the patch using the URL with the patch data appended. If this is successfully done, I will post it here and you could probably use it for your project. But you will still need to use Javascript to gather such data and use it as an input for a patch.

Reply to running pd on website? on Wed, 25 Nov 2020 21:08:23 GMT

miguellacorte — Wed, 25 Nov 2020 21:08:23 GMT

Thanks for the info that looks awesome!! what about WebPD have you managed to give it a try? https://github.com/sebpiq/WebPd/

Reply to running pd on website? on Wed, 25 Nov 2020 23:18:32 GMT

60hz — Wed, 25 Nov 2020 23:18:32 GMT

I never tried it myself yet, but the author told me that Webpd is focused on efficiency. He is still working in it and will soon lead a workshop with us in fine Art school of Paris. So I might be able to give you some news soon.

Reply to running pd on website? on Wed, 25 Nov 2020 23:31:02 GMT

cuinjune — Wed, 25 Nov 2020 23:31:02 GMT

@miguellacorte Yes, I tried WebPD a while ago but as I recall there were quite a few vanilla objects that are not supported, but it might be your option if your project can be done with the objects it supports. And it will be easier to setup than the projects I mentioned above.

Reply to running pd on website? on Thu, 26 Nov 2020 18:46:09 GMT

Maxiestudies — Thu, 26 Nov 2020 18:46:09 GMT

You could build the whole stack and use Pd as a backend. There are some javascript libraries that send OSC messages so the frontend could communicate with Pd over OSC. I haven't tried this and don't really know if it works but I'm thinking of trying that for a project.I'll let you know if I succeed (and maybe if I fail too)

Reply to running pd on website? on Thu, 03 Dec 2020 08:02:19 GMT

cuinjune — Thu, 03 Dec 2020 08:02:19 GMT

@miguellacorte FYI, I built the alpha version of the app I mentioned above, so check it out: https://github.com/cuinjune/PdWebParty

Reply to running pd on website? on Thu, 10 Dec 2020 01:11:56 GMT

miguellacorte — Thu, 10 Dec 2020 01:11:56 GMT

@cuinjune Omg thank you so much for this and your efforts what a beautiful program!!!