Coder Social home page Coder Social logo

shirodork / vnyan-websocket-plugin Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 1.21 MB

A plugin for Loupedeck to connect to VNyan's websocket (8000) and trigger message-based commands!

License: MIT License

C# 88.96% Shell 5.50% Batchfile 5.55%
loupedeck-plugin

vnyan-websocket-plugin's Introduction

Loupedeck to Vnyan Websocket Plugin

Tired of having toggles, but not enough hotkeys for all your actions? Look no further! The Vnyan Websocket Plugin for Loupedeck has you covered! This plug-in makes use of Vnyan's built-in localhost web socket server to receive and send messages! When set up, you can configure a button on your Loupedeck to send a custom message to Vnyan's websocket, allowing you to trigger node-graph based actions without the need for a hotkey.

Note: This plugin is for Loupedeck Streamdecks ONLY! Additionally, I have only tested this on LoupeDeck Live.

How to Use:

Prerequisites:

  • Up to Date Loupedeck Software
  • Vnyan

How to use the Plugin:

  1. Download the latest release of the Plug-in here
  2. Install the lplug4 plug-in file via the Loupedeck Configuration Program (You might need to restart the Loupedeck service)
  3. Unhide the VNyan Websocket plug-in
    • Loupedeck Plugin Unhide
  4. Click the "Websocket Connection" under VnyanWebsocket to set up a new button. The parameters are as follows:
    • Name: The name of the button
    • Enter Websocket Command: The message to send to Vnyan. Make sure it matches!
    • Example: I have a toggle for turning on and off my Vtuber sweater. So I have a button configured with the commands "SweaterOn" and "SweaterOff"
    • Loupedeck Plugin
  5. Open VNyan if you haven't already and start the Websocket server
    • Menu > Settings > Misc. > WebSockets
    • Make sure the Start Receiver is Checked
    • Make sure the Receiving Port is set to 8000 (I will add customizable ports at a later date)
    • Vnyan Web Socket
  6. Set up the Node Graph to receive the WebSocket Address
    • Menu > Node Graphs
    • Find the WebSocket CALLBACK Node
    • Set up the Command Text to match the appropriate Loupedeck button
    • Vnyan Node Graph
  7. The Loupedeck should connect and send the message to Vnyan, triggering any actions connected to the Node.

Extra Notes:

Upon first press of the Plug-in button, Loupedeck will take a second or two to connect to WebSocket. Once established, the connection will remain until no inputs have been detected for 15 minutes, in which the connection will terminate. The connection will reconnect if an input is pressed after the plug-in has disconnected. - This means that the first toggle press will not be immediate, however, while the connection is active, the toggles will be instantaneous.

vnyan-websocket-plugin's People

Contributors

shirodork avatar

Stargazers

 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.