/osmd-audio-player

Audio playback extension for OpenSheetMusicDisplay. Browser based audio player for MusicXML scores.

Primary LanguageTypeScriptMIT LicenseMIT

🎵 OSMD Audio player

Unoffical audio playback engine for OpenSheetMusicDisplay. Successor meant to replace my previous proof of concept player & demo at https://github.com/jimutt/osmd-playback-demo.

This player is still in a very early state and lots of breaking and non-breaking changes will most likely be introduced before the first major release. Use at your own risk!

Install

npm install osmd-audio-player

Demos

Basic

Basic no-framework demo with only play, pause & stop functionality.

Live demo: https://osmd-audio-player-demo-basic.netlify.com/
Source: https://github.com/jimutt/osmd-audio-player/tree/master/demos/basic

Vue JS + Vuetify

A more full-featured demo featuring configurable instruments, level control, switching scores & changing tempo.

Live demo: https://osmd-audio-player-demo-vue.netlify.com/
Source: https://github.com/jimutt/osmd-audio-player/tree/master/demos/vue-player-demo

Features

  • Framework agnostic, not tied to a specific front end Framework
  • Multi-instrument support
  • Individual level controls
  • Automatic tempo detection from score
  • Automatic instrument assignment
  • Written in Typescript for better DX for maintainers and users

Roadmap

  • Repeat support
  • Dynamics support
  • Grace note support
  • Click to set playback position
  • React demo project
  • Updated & properly structured Vue demo
  • Quickstart guide & more extensive Readme
  • Stricter typing
  • Unit tests