Current version in npm repo:
Current version on github:
A score editor using verovio as rendering engine
- Install node modules:
npm install - Transpile TypeScript in watch mode:
tsc -w - Build the application:
npm run build
To initailize the score editor only need two different things are needed
- The
containerthe score editor will be displayed in. The container must contain an ID, since many editors can be displayed on one page. - If known beforehand, the data
The data can be present in different forms. So to indicate which kind of processing will be used, the data will be passed as objects with specific keywords
The xmlData can be passed either as String of the corresponding MusicXML or MEI, or as Document.
var vibe = new VIBE(container, {data: xmlData})
The url must include a source for MEI data.
var vibe = new VIBE(container, {meiURL: url})
Initialization with an empty measure
var vibe = new VIBE(container, null)
A callback can be passed to return the changed data as MEI. The MEI is returned as String
var vibe = new VIBE(container, {data: xmlData}, callback)
or
var vibe = new VIBE(container, {meiURL: url}, callback)
or
var vibe = new VIBE(container, null, callback)
Parts of the Code are based on the Neon Editor by DDMAL.