Git Product home page Git Product logo

vite_node-osc_ws_boilerplate's Introduction

Vite/Node.js OSC-Websocket Boilerplate

Quickly set up OSC (Open Sound Control) communication for your web projects built with Vite.

What this project provides:

Simple server implementation:

Uses node-osc and ws to receive OSC messages and broadcast them via websockets.

Vite frontend integration:

WebSocket-ready setup to receive and display OSC data.

SuperCollider test script: Verify everything works with this included script.

Inspiration and differences:

This project builds upon the foundation of [osc-web] (https://github.com/automata/osc-web) by Vilson Vieira, offering a modernized toolkit with Vite and other contemporary tools (WebSocket and ws instead of socket.io)

Getting Started

  1. Installation:
    npm i 
  2. Run:
    npm run dev 

Notes:

  • The server listens for OSC and websocket connections. To configure ports and addresses, adjust settings in server.cjs.
  • The OSC port and the websocketport are not the same thing (the OSC one is the connection between the server and an external app, such as SC; the WebSocket one is used only to communicate between the node server and the vite-based client).
  • The webpage will display received OSC data in both the console and an on-screen div element.

vite_node-osc_ws_boilerplate's People

Contributors

zepadovani avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.