ABC Notation

Description

This includes the abcjs system on your WordPress site. To produce sheet music, put a valid ABC Notation string between the shortcodes [abcjs] and [/abcjs] on your page or post.

This also generates MIDI by using the shortcode [abcjs-midi].

Screenshots

  • An example of a shortcode and the resultant music that is produced.

Installation

  1. Upload this folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Click ‘Settings’ in the dashboard, then ‘ABC Notation’ to customize.

FAQ

Installation Instructions
  1. Upload this folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Click ‘Settings’ in the dashboard, then ‘ABC Notation’ to customize.
Where can this be used?

Anywhere that shortcodes are accepted. That is, on pages, post, and widgets. It will not work on comments.

How does it work?

The plugin includes the abcjs JavaScript library. The string that is put in the shortcode is passed to that library, which translates it and renders it in an SVG element that it places on the page instead of the shortcode.

What can be put in the ABC string that is placed in the shortcode?

There is much written about ABC Notation around the web. You can start here

What parameters may be used?

The shortcode can take the same parameters as abcjs. See the documentation for details. Here are some examples:

To make the music responsive:
[abcjs engraver="{ responsive: 'resize' }"]
... some ABC string ...
[/abcjs]

To change the width of a line:
[abcjs engraver="{ responsive: 'resize' }"]
... some ABC string ...
[/abcjs]

To set or override the tempo:
[abcjs-midi midi="{ qpm: 150 }"]
... some ABC string ...
[/abcjs-midi]

Help! Some characters are not printing properly.

Try pasting the ABC string in using the “Text” editor instead of the “Visual” editor. That will help keep the quotation marks and any other interpreted characters from being change by WordPress.

Reviews

Exactly what I was looking for!

Exactly what I was looking for! There was a small problem with the rendering (only in german user interface), but the developer helped quickly!
An idea for the next version: It would be nice if the tunes could also be played.

Sehr guter Ansatz, aber nur bedingt

Das Plugin ist im Grunde genial. Es stellt Noten brilliant dar, wie man es sich nicht besser wünschen könnte. Leider mit einem kleinen Schönheitsfehler: Das Plugin, vielmehr die daraus resultierenden Notendarstellungen, sind NICHT responsive. Und damit ist das Plugin aus meiner sicht nur sehr eingeschränkt nutzbar. Schade, denn es gibt kein anderes Plugin, was das kann.

Read all 2 reviews

Contributors & Developers

“ABC Notation” is open source software. The following people have contributed to this plugin.

Contributors

Translate “ABC Notation” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.12

  • Initial version of this plugin. (Version numbers are in sync with the version of abcjs that is included.)

2.0

  • Upgrade abcjs version.

2.1

  • Upgrade abcjs version.

2.3

  • Upgrade abcjs version. See https://github.com/paulrosen/abcjs for details.

2.3.1

  • Added entry point for creating MIDI downloads.
  • Tested through WP 4.4.

3.1.3

  • Upgrade to use the abcjs 3.1.3 code.
  • Add „ as one of the smart quotes.

3.1.4

  • Add parameter to do responsiveness.

3.2.0

  • Add overlay feature
  • Bug fixes
  • Upgrade to use the abcjs 3.2.0 code.

3.2.1

  • Fix crash when window.performance is not available.
  • Fix placement of rests when the stem direction is forced.
  • Upgrade to use the abcjs 3.2.0 code.