JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 2956
  • Score
    100M100P100Q112017F
  • License Apache-2.0

Render music score using SVG on browsers.

Package Exports

  • staffrender

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (staffrender) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

staffrender

A plain vanilla TypeScrip library to render music score in browsers

It has been created to support Tensorflow/Magenta-JS staff visualizer, but it could be used standalone.

From version 1.0.0 on, it offers access to its internal data structure StaffModel to process scores and hold musical blocks without visual representation.

This is a work in process project, who has some to do list, like triplets, quintuplets and shorter-than-quarter notes aggregation into beams (instead individual note flags), but it is fully operative. It will keep on growing and evolving. Some stand alone demos will be offered (currently focused on magenta-js consumption demos), but you can watch it in action building and serving the ./test directory on local deployment.

Usage

Development

  • Clone the repo
  • Go to root directory (where README.md is located)
  • Run yarn install to set up dependencies
  • Run yarn build to preprocess typescript and create package
  • Run yarn docs to compile typedoc documentation and serve it to verify content on local server
  • Go to ./test to run yarn buildand yarn serve to visually and acustically test the code
  • Run yarn prepublish to verify new version standard before any contribution
  • Admin only:
    • Update version
    • Run npm publish