Transposition with Editor

This demonstrates the different methods of transposition. It is possible to transpose by inserting commands into the ABC string or by using parameters when calling the rendering function. When using the parameters the transposition always adds to whatever the ABC string says. When inserting strings into ABC that always uses the last transposition encountered.

ABC String

Options

Transpose Parameters

These are added to whatever is in the tune (in half steps)

Visual: Audio:

ABC Insertions

These all do the same thing.

Output

0:00

CSS required: load abcjs-audio.css

No errors

Code Sample

new ABCJS.Editor("abc", {
  canvas_id: "paper",
  warnings_id: "warnings",
  abcjsParams: {"selectTypes":false,"visualTranspose":0},
  synth: {
    el: "#audio",
    options: {
      displayRestart: true, displayPlay: true, displayProgress: true,
      options: {"midiTranspose":0}
    }
  },
});