Re: [PD] puredata parameters into HTML5

2018-03-07 Thread Jonathan Wilkes via 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-apps
-Jonathan

> Best,

> Popesz___
Pd-list@lists.iem.at mailing list
UNSUBSCRIBE and account-management -> 
https://lists.puredata.info/listinfo/pd-list


Re: [PD] puredata parameters into HTML5

2018-03-07 Thread Csaba Láng
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 
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" 
> 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
>
___
Pd-list@lists.iem.at mailing list
UNSUBSCRIBE and account-management -> 
https://lists.puredata.info/listinfo/pd-list


Re: [PD] puredata parameters into HTML5

2018-03-07 Thread Christof Ressi
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" 
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

___
Pd-list@lists.iem.at mailing list
UNSUBSCRIBE and account-management -> 
https://lists.puredata.info/listinfo/pd-list


Re: [PD] puredata parameters into HTML5

2018-03-07 Thread Derek Kwan
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
___
Pd-list@lists.iem.at mailing list
UNSUBSCRIBE and account-management -> 
https://lists.puredata.info/listinfo/pd-list