abc-animation.js

abc-animation.js

function setScore(abc, scoreDOM, midiDOM) {
  let tunes = ABCJS.renderAbc(scoreDOM, abc, {}, {
    responsive: 'resize',
    paddingtop: 0,
    scale: 1,
    paddingbottom: 0,
  });
  ABCJS.renderMidi(
      midiDOM, abc, {}, {
        program: 25,
        animate: {
          target: tunes[0],
          listener(last, newer) {
            if (last) {
              for (const elem of last.elements[0].items)
                elem[0].setAttribute('fill', '#000');
            }
            if (newer) {
              for (const elem of newer.elements[0].items)
                elem[0].setAttribute('fill', '#59d');
            }
          },
        }
      },
      {});
}