Giter Club home page Giter Club logo

reaper-ui's Introduction

Reaper UI

An Angular Material based web-UI client for the REAPER DAW.

Create release alt

Installation

  1. Go to releases section and get the latest version
  2. Download the zip-file and extract it into the REAPER web pages folder C:\PATH\TO\REAPER\INSTALLATION\reaper_www_root. Do not replace index.html if it asks you. You might be overriding another one of your web interfaces.
  3. Rename the index.html file from the extracted files to something like reaper-ui.html
  4. The page should now show up as whatever you renamed the index.html-file as within REAPER Preferences => Control/OSC/Web => Web browser interface.

Building

  1. See readme in reaper-webapp for building the webapp
  2. Compile the app.
  3. Go to the compiled app and rename the index.html-file to something unique like reaper-ui.html.
  4. Then take the entire app with the renamed index.html-file and place it into the REAPER web user pages folder (C:\PATH\TO\REAPER\INSTALLATION\reaper_www_root)
  5. It should now have an option to select within REAPER Preferences => Control/OSC/Web => Web browser interface

Development

  1. Clone the repo.
  2. Go to .\reaper-webapp and run yarn to install all dependencies.
  3. Open REAPER DAW and set up a random web interface. (It doesn't matter which, we simply need the API to be running)
  4. Open proxy.config.json and set target equal to whatever your web interface is pointing to. This will allow us to proxy our app's API-calls to REAPER. In my experience, setting localhost:1234 for the target doesn't seem to work for whatever reason, only the actual local IP.
  5. Run yarn start in .\reaper-webapp to serve the app at localhost:4200.

reaper-ui's People

Contributors

buriedstpatrick avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

reaper-ui's Issues

Generate action list

Button to call SWS action to dump action list if it's not already inside assets-folder.

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.