[examples] Add an example of OSC.js communication with libossia

ossia · Jul 5, 2024 · 345b27e · 345b27e
1 parent 1fe7287
commit 345b27e
Showing 1 changed file with 51 additions and 0 deletions.
diff --git a/examples/Network/websockets/OSC_echo.oscjs.html b/examples/Network/websockets/OSC_echo.oscjs.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<meta charset="utf-8" />
+<title>WebSocket Test</title>
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/osc-browser.min.js"></script>
+
+
+<script language="javascript" type="text/javascript">
+  function init() {
+    var oscPort = new osc.WebSocketPort({
+      url: "ws://localhost:1234",
+      metadata: true
+    });
+
+    oscPort.on("ready", function () {
+      writeToScreen("sent message /carrier/frequency f: 440");
+      oscPort.send({
+        address: "/carrier/frequency",
+        args: [
+          {
+            type: "f",
+            value: 440
+          }
+        ]
+      });
+    });
+
+    oscPort.on("close", (evt) => {
+      writeToScreen("DISCONNECTED");
+    });
+
+    oscPort.on("message", (oscMsg) => {
+      writeToScreen('<span style="color: blue;">RESPONSE: ' + JSON.stringify(oscMsg) + "</span>");
+      websocket.close();
+    });
+
+    oscPort.open();
+  }
+
+  function writeToScreen(message) {
+    var pre = document.createElement("p");
+    pre.style.wordWrap = "break-word";
+    pre.innerHTML = message;
+    output.appendChild(pre);
+  }
+
+  window.addEventListener("load", init, false);
+</script>
+
+<h2>WebSocket client test</h2>
+
+<div id="output"></div>