This library is for a web designer or a web programmer who wants to display standard music notation on their website. It can also be used for generating MIDI on a website.
What, you ask, is ABC Music Notation? There are lots of explanations around the web. Here's a good place to start.
There are also a series of demos showing how to use the npm version. Go here and look for all projects whose name starts with vue-abcjs-.
There are lots of options for how to configure abcjs. To explore all the ways the library can be used, see the configurator.And here's an application that uses the editor: Draw The Dots
The project is hosted on Github. Go there for all technical information about the project.
To install with npm: npm install --save abcjs
If you are not using a build package, and want to include the minimized scripts, here are the latest versions. You can just download these and include them in your page:
☞If you are using package.json, then you can simply install abcjs the way you normally would and ignore the rest of these instructions: npm install --save abcjs
The abcjs libraries come in three basic flavors:
Which flavor should you use?
☞If you want audio, then you probably want to use abcjs-midi. This is just like the basic version, except that it adds the ability to generate audio from the ABC.
☞If you are using WordPress, you can use the "ABC Notation" plugin. Just click "Add New" on the plugin page and search for "ABC Notation". Or get it here: WordPress Plugin.
☞If you already have ABC notation on your page and don't want to modify the page more than you have to, then you can use abcjs-plugin, which will render all ABC that it finds on the page on page load, simply by including one line: the line to include the script. This can also be useful if you allow user comments and you want users to be able to add ABC in a comment.
☞If you are looking at someone else's website and see ABC on the page and want to see what it looks like in standard notation, you can install the greasemonkey script in FireFox or Chrome and it will render the ABC for you just like the abcjs-plugin does.
We hope you find this library useful and we'd like to see you use it on your own site, whether it is personal, community, or commercial software. It is available under the MIT license. If you have a problem with this license, please write to us! I'm sure we can work something out.
Here it is:
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.