Dear list,
I would like to connect puredata with a local webpage, not necessary uploaded on a server.
How can I send statistics generated by puredata into HTML5 code, so the page immediately highlights the numbers, what PD calculates?
Did anyone made something like this before?
Best,
Popesz
Hello,
I would have Pd talk to whatever's hosting your webpage using OSC.
I wrote a piece a few years ago that had SuperCollider (but I later ported it to Pd) talking to a webpage I hosted on my computer via node.js via OSC (I think I used the 'node-osc' library in particular). So Pd talks to node via OSC and then node calls js functions in your webpage's js files.
Then I targeted individual clients who connected to my page via soc ket.io so I could pick out invidiual cell phones to trigger sounds on (but this bit isn't necessary for the Pd -> webpage communication...)
I have the boilerplate from that piece abstracted out here: https://github.com/derekxkwan/socketMusicBoiler . Haven't looked at that repo basically since 2015 so not sure of the quality of the documentation...
Derek
www.derekxkwan.com
you can use websockets to send the data from Pd to the browser and then use JS to manipulate the DOM.
Nicolas made a websockets server for Pd: https://sourceforge.net/projects/websocketserverinapatch/
For the browser side, check out: https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API/Writing_WebS...
Christof
Gesendet: Mittwoch, 07. März 2018 um 14:44 Uhr Von: "Csaba Láng" langcsaba@gmail.com An: pd-list@lists.iem.at Betreff: [PD] puredata parameters into HTML5
Dear list, I would like to connect puredata with a local webpage, not necessary uploaded on a server. How can I send statistics generated by puredata into HTML5 code, so the page immediately highlights the numbers, what PD calculates? Did anyone made something like this before? Best, Popesz_______________________________________________ Pd-list@lists.iem.at mailing list UNSUBSCRIBE and account-management -> https://lists.puredata.info/listinfo/pd-list
Thanks for the quick response. Will test both! Hope not a big deal, as I am not too good in javascripts. But it can change.
Best,
Popesz
On Wed, Mar 7, 2018 at 3:19 PM, Christof Ressi christof.ressi@gmx.at wrote:
you can use websockets to send the data from Pd to the browser and then use JS to manipulate the DOM.
Nicolas made a websockets server for Pd: https://sourceforge.net/projects/ websocketserverinapatch/
For the browser side, check out: https://developer.mozilla.org/ en-US/docs/Web/API/WebSockets_API/Writing_WebSocket_client_applications
Christof
Gesendet: Mittwoch, 07. März 2018 um 14:44 Uhr Von: "Csaba Láng" langcsaba@gmail.com An: pd-list@lists.iem.at Betreff: [PD] puredata parameters into HTML5
Dear list,
I would like to connect puredata with a local webpage, not necessary uploaded on a server.
How can I send statistics generated by puredata into HTML5 code, so the page immediately highlights the numbers, what PD calculates?
Did anyone made something like this before?
Best,
Popesz_______________________________________________ Pd-list@lists.iem.at mailing list UNSUBSCRIBE and account-management -> https://lists.puredata.info/listinfo/pd-list
Dear list, I would like to connect puredata with a local webpage, not necessary uploaded on a server.
How can I send statistics generated by puredata into HTML5 code, so the page immediately highlights the numbers, what PD calculates?
Did anyone made something like this before?
There's a Google Summer of Code idea for adding this to Purr Data and some initial interest from a potential student: https://git.purrdata.net/jwilkes/summer-of-code-ideas-list#api-for-html5-web... -Jonathan
Best,
Popesz
-
Christof Ressi -
Csaba Láng -
Derek Kwan -
Jonathan Wilkes