Skip to content
Examples about receiving OSC data through WebSocket.
C# Max JavaScript Processing Other
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
max
p5js-client
processing
puredata
unity
vvvv
.gitignore
LICENSE
README.md

README.md

osc-websocket-example

Examples about receiving OSC data through WebSocket.

p5js-max

Background

Sometimes I meet situations where I need OSC but cannot use UDP.

Such as sending OSC message from browser-based p5js to Processing / MaxMSP / Unity.
And my OSC controller called BugOSC, a WeChat Mini Program, which also does not support UDP.

However, although they don't support UDP, they support WebSocket, another network transmission protocol.

Here are examples about receiving OSC data through WebSocket sent from p5js for example.
The transporting data are binary packets (ArrayBuffer, byte[]) following the standard OSC format.

p5js-processing

WebSocket Client

The p5js sketch in p5js-client.

Use library osc.js to pack and parse OSC data.
And osc.js itself supports UDP (NodeJS), Serial port, WebSocket (browser and NodeJS) and TCP, Wow!

WebSocket Server

Click the first level links for detail README.

*Bridge

Of course also can make a third party NodeJS/Processing/Python/etc BRIDGE focus on receiving data through WebSocket and forwarding to other OSC receivers:
p5js-client <---WebSocket---> BRIDGE <---OSC---> Max/Processing/Unity/Arduino/etc


Welcome PR! 👏

Cheers~

Contra

You can’t perform that action at this time.