Note bars are drawn to different positions w.r.t. generated midi

[YasarYY]

Describe the bug
After transcription, note bars are drawn to an html canvas for visualization. When midi file is exported and opened at another software, notes are drawn at different positions. At Basic Pitch, note bars are drawn to ~1.2 higher note positions w.r.t. generated midi.

To Reproduce

1. Transcript a sample at Basic Pitch.
2. See note bars' positions.
3. Export midi file.
4. Open downloaded midi file at another software (i.e. onlinesequencer.net)
5. See note bars' positions are about 1 note lower.

Expected behavior
Note bars' positions are the same both at Basic Pitch and at another software.

Screenshots
Basic Pitch:

Online Sequencer:

Desktop:

• OS: Windows 11
• Browser: Google Chrome
• Version: 130.0.6723.70 (Official Build) (64-bit)

Additional context
To my rookie ears, note bars drawn at Basic Pitch are not the correct ones.

[emmathesaw]

Hello! I am planning on looking into this issue and update you if I have any further clarification questions or successes.

[marcelofg55]

I can confirm that the MIDI file contains the right notes, and the html canvas notes are wrong (they are 1 semitone higher than expected).

[emmathesaw]

I can confirm that the MIDI file contains the right notes, and the html canvas notes are wrong (they are 1 semitone higher than expected).

Is this something that can be fixed in the provided source code in the GitHub?

[drubinstein]

Unfortunately, the code for rendering the UI is internal to Spotify and can only be changed by someone at Spotify. https://github.com/spotify/basic-pitch-ts only covers the inference in typescript. All typescript/web related issues should be posted there.

[YasarYY]

So opening this issue at basic-pitch-ts repo will not help either? 🤔