https://github.com/slurmulon/bach-editor
:musical_keyboard: Web editor and player for the bach music notation
https://github.com/slurmulon/bach-editor
bach music-composition music-editor music-notation music-player music-theory
Last synced: 20 days ago
JSON representation
:musical_keyboard: Web editor and player for the bach music notation
- Host: GitHub
- URL: https://github.com/slurmulon/bach-editor
- Owner: slurmulon
- Created: 2021-02-11T18:50:10.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2021-09-13T02:28:57.000Z (over 3 years ago)
- Last Synced: 2025-02-09T04:27:09.763Z (2 months ago)
- Topics: bach, music-composition, music-editor, music-notation, music-player, music-theory
- Language: Vue
- Homepage: https://editor.codebach.tech
- Size: 6.38 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# bach-editor
> :musical_keyboard: Web editor and player for the bach music notation
---
Minimalist web editor for the [`bach` music notation](https://github.com/slurmulon/bach) that allows you to learn and play with `bach`!
`bach` is a semantic music notation that makes it easy to define music or other rhythmic timelines with only text.
Check out the [documentation and guide](https://codebach.tech) for a full introduction to `bach` with supplemental example code.
https://editor.codebach.tech
## Features
- Write your `bach` tracks with instant audio and visual feedback
- Easily access resulting `bach.json` data and other useful track information
- Import and export entire track collection archives
- Optionally play over custom audio files
- Validation messages to ensure track can be played musically
- Useful player and usability preferences
- Musical metronome
- Run stand-alone or a-la-carte, using only the components you need (:construction: in progress)
## Limitations
- Piano is currently the only supported instrument and is limited to octave 2, due to complexities with acquiring open-source samples
- All tracks are stored using browser storage APIs, so there is currently no centralized persistent back-end
- Syntax highlighting is in the early stages, and all validation happens during save
## Project setup
First make sure you have Node and NPM installed using at least these versions:
```
node v15.12.0 (npm v7.6.3)
```
Then install the package:
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
You will also need to run the audio server to hear playback:
```
npm run serve:audio
```
### Compiles and minifies for production
```
npm run build
```
### Run your unit tests
```
npm run test:unit
```
### Lints and fixes files
```
npm run lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
## License
MIT