VexFlow is an open-source online music notation rendering API. It runs right in the browser and is written fully in JavaScript.
VexFlow supports HTML5 Canvas and SVG.
Questions tagged [vexflow]
16 questions
1
vote
1 answer
Music21 output to Vexflow
From what I understand in the docs/code, Music21 output to Vexflow seems to be done through Music21j, which I find myself unable to get running. Isn't there an actual Vexflow output possible?
So, instead of getting something like this (output of…
fr.jurado
- 11
- 1
1
vote
1 answer
How to make dynamic scores in vexflow?
So here's the thing, I've been learning and trying to use veflow for roughly a week. I'm trying to create an app with which you can compose a song (similar to Sibelius, Finale...). Right now, the app creates a f#/4 each time you click, but the…
Cosme Valera Reales
- 31
- 2
1
vote
0 answers
Convert from music21 stream to vexflow script code
It seems the music21 python package is able to show music notation, but does not allow me to view the script generated through the music21j library. All I am able to see are the Python streams in detail, but not the Javascript script that uses…
ljyip
- 41
- 5
1
vote
1 answer
Render treble and bass staves with vexflow
I have been following the vexflow tutorial for rendering which gives an example for rendering a single stave. This works fine. I now want to render both the treble and the bass which is not explained in the guide. The simplest way I can think of is…
Qwertie
- 5,784
- 12
- 45
- 89
1
vote
0 answers
Why are my Vexflow annotations drifting to the bottom?
My application is displaying text annotations under the staves, but these are drifting down to the bottom more and more after each stave. Clicking on the New button in the music tab creates the stave.
I'm creating the annotation like…
Stephane
- 11,836
- 25
- 112
- 175
1
vote
1 answer
How to render a soundtrack in VexFlow?
Using Tone.js and I can play this melody:
const textMeasures = ['rest/4 B4/16 A4/16 G#4/16 A4/16',
'C5/8 rest/8 D5/16 C5/16 B4/16 C5/16',
'E5/8 rest/8 F5/16 E5/16 D#5/16 E5/16',
'B5/16 A5/16 G#5/16 A5/16 B5/16 A5/16 G#5/16 A5/16',
'C6/4 A5/8…
Stephane
- 11,836
- 25
- 112
- 175
0
votes
0 answers
What steps should I take in order to let the code of VEXFLOW shown on the page?
I'd like to incorporate the code from VEXFLOW into my project of HTML/Javascript/CSS. So I put the VEXFLOW .js file into my html file, under the first
…
Vinod
- 4,138
- 11
- 49
- 65
0
votes
1 answer
Unsorted keys in note will be sorted
I'm creating a stave note with multiple keys:
const staveNote: vexflow.Flow.StaveNote = new this.VF.StaveNote({
keys: this.renderNotesSortedByPitch(placedChord.notes),
duration: chordDuration,
auto_stem: true,
clef: Clef.TREBLE
});
private…
Stephane
- 11,836
- 25
- 112
- 175
0
votes
2 answers
Why does my Javascript File not load into html after I use $sce.trustAsHtml("");
I am trying to load Vexflow sheetmusic into Div Dynamically through angularja ng-bind-html with $sce.trustAsHtml(""). This Works With $sce.trustAsHtml("
Hello World
"). Putting in body of page works…