https://github.com/navelpluisje/LPD8-Editor

A webbased editor for your Akai LPD8 editor
https://github.com/navelpluisje/LPD8-Editor

Last synced: 3 days ago
JSON representation

A webbased editor for your Akai LPD8 editor

• Host: GitHub
• URL: https://github.com/navelpluisje/LPD8-Editor
• Owner: navelpluisje
• License: mit
• Created: 2020-02-19T22:19:00.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-01-07T16:06:00.000Z (10 months ago)
• Last Synced: 2024-08-02T05:13:19.299Z (3 months ago)
• Language: TypeScript
• Homepage: https://lpd8-editor.com
• Size: 1.71 MB
• Stars: 17
• Watchers: 2
• Forks: 4
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: license
  • Code of conduct: code-of-conduct.md

Awesome Lists containing this project

README

        
# LPD8 Editor

[![Buy Me A Coffee](docs/buy-me-a-coffee.png)](https://www.buymeacoffee.com/navelpluisje)

![Screenhot of the editor](docs/screenshot.png)

[![Netlify Status](https://api.netlify.com/api/v1/badges/d111775c-f254-4a27-9a6a-1c6d55cfdef1/deploy-status)](https://app.netlify.com/sites/lpd8-editor/deploys)

[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-v1.4%20adopted-ff69b4.svg)](code-of-conduct.md)

[![GitHub license](https://img.shields.io/github/license/Navelpluisje/LPD8-Editor.svg)](https://github.com/Navelpluisje/LPD8-Editor/blob/master/LICENSE)

[![made-with-love](https://img.shields.io/badge/Made%20with-♥-ff0000.svg)](https://www.navelpluisje.nl/)

## What is this?

This is a simple editor for the Akai LPD8 MIDI-controller with the ability to store your configurations.

## Why is it created?

Akai thinks money is more important then helping customers. Due to the lack of effort from their side to update their LPD8 Editor, I decided to build my own, web based. This way it will work in every browser on every OS, as long as web-MIDI is supported.

## What does it do?

* It can get data from the LPD8

* It can store the created config to the LPD8

* Store your configurations online

* Account with a token. We do not store any personal data. The only thing you havve to store is your token.

## How does it work?

* Select an input device

* Select an output device, the active bank will get selected

* Click `Load Config` to get the bank data from the LPD8

* Make some changes.

* Click `Send Config` to store the data to the LPD8

## What does not work (yet)?

* Store a config to a file

* Load a config from a file

## Building

LPD8 Editor is a client-side React application written in Typescript. Instructions below are based on [Getting Started with Create React App](https://github.com/facebook/create-react-app/blob/main/packages/cra-template/template/README.md)

### Prepare

Download necessary node_modules to build LPD8 Editor

```

npm install

```

### Development

Run non-optimized LPD8 Editor for development

```

npm start

```

### Build

Build optimized LPD8 Editor for deployment, The path in the webserver by default is "/" but can be [overridden](https://create-react-app.dev/docs/deployment/#building-for-relative-paths)

```

npm run build

```

## What helped me?

* https://github.com/charlesfleche/lpd8editor/blob/d3c312e226f55ab0082b66e4732f5b860dc7b5fb/doc/SYSEX.md

* https://github.com/mungewell/mpd-utils/blob/master/sysex/sysex_lpd8.md