@vivachenx no. it's not supported by MusicXML either. opensheetmusicdisplay/opensheetmusicdisplay#698
@vivachenx ^
Hi again :) I would like to experiment with the extended version again - although I have written quite some code for cursor movement and such I know that my code could be a lot simpler and cleaner if I left that stuff to OSMD-extended :) So I'd like to ask if I could check in a built and compressed/obfuscated OSMD-extended file into my own repo? If I run the tools to obfuscate it locally and just check in the results somewhere I can figure out how to get it into the regular build process running on a server I suppose..
I don't think this in practise would be much different from what you suggested (building with Webpack or similar locally so the OSMD lib becomes a part of the site's own bundles of code). If I did that it could still be extracted in a sort of obfuscated built version.
(There will be some maintenance work if the library depends on files - perhaps web worker .js files or sound fonts or something? - that I would also have to track and check in to my repo. But if this approach sounds like something you would allow, I will do some experiments in this direction)
@hallvors yes, if the build is compressed/obfuscated, you can check it in, but please keep it low profile, as in, not advertising "hey look this is an exclusive osmd build!" or something ;)
yes, there are click events in osmd-extended, just look at how setting the cursor start position works. you can get the measure from the position. (e.g. from the notes under the cursor)
yes, there are click events in osmd-extended, just look at how setting the cursor start position works. you can get the measure from the position. (e.g. from the notes under the cursor)
(but if you are busy I'll experiment tomorrow ;) )
Other random question: how small screens do you reckon it is convenient to render notes on? Any good tricks or demos for making a usable OSMD-based UI on a phone? :)
phones are very tricky for displaying sheet music, on the low end of screen space. probably you need to use landscape mode. try our app PracticeBird for inspiration ;)
you can set
note.PrintObject = false and call render() again
Can anyone tell me if there is an easy way to get a bounding box around a notehead? I found I can do
osmd.cursor.GNotesUnderCursor()[0].getSVGGElement().getBBox() to get a bbox around the full note (including stems), but I only want the notehead. I found there is a notehead().boundingBox but looks like it is null. For context, I'm trying to dynamically draw a line through a notehead using Drawer.DrawOverlayLine just in case there is a easier way to achieve this.
hello,how can i get the sf tag? thanks
@sschmidTU I'm rendering a MusicXML in a single-line only (I collaborated with you on GH to remove the SVG max width limitation) ..
I've been searching through the docs and past issues, but I can't find a way to set a minimum measure width anywhere.. is that possible? For example when a measure has a single rest or whole note, I'd like to set some fixed minimum width so it's not rendered so small
I was able to find a super, super hacky way to do this by monkey patching the
GraphicalMeasure.setWidth (prototype fn) and MusicSheetCalculator.setMeasuresMinStaffEntriesWidth (static fn) to set the values to Max([existing value], MIN_WIDTH):const hackOSMDMinWidth = () => {
const MIN_MEASURE_WIDTH = 20;
GraphicalMeasure.prototype.setWidth = function (w: number) {
this.PositionAndShape.BorderRight = Math.max(w, MIN_MEASURE_WIDTH);
};
// eslint-disable-next-line @typescript-eslint/no-explicit-any
(MusicSheetCalculator as any).setMeasuresMinStaffEntriesWidth = function (measures: GraphicalMeasure[], minimumStaffEntriesWidth: number): void {
for (let idx = 0, len = measures.length; idx < len; ++idx) {
const measure: GraphicalMeasure = measures[idx];
if (measure) {
// measure.minimumStaffEntriesWidth = minimumStaffEntriesWidth;
measure.minimumStaffEntriesWidth = Math.max(minimumStaffEntriesWidth, MIN_MEASURE_WIDTH);
}
}
};
};
@sschmidTU Thank you, but I didn't find what I was looking for
for(let i = 0; i < 38; i++){
if(this.osmd.Sheet.SourceMeasures[i].StaffLinkedExpressions[0][0] && this.osmd.Sheet.SourceMeasures[i].StaffLinkedExpressions[0][0].InstantaneousDynamic){
console.log("DynEnum",this.osmd.Sheet.SourceMeasures[i].StaffLinkedExpressions[0][0].InstantaneousDynamic.DynEnum);
console.log("i:" + i);
}
}
glad you could find a workaround
Please tell me why the exception is showing,I use sibelius to musicxml thanks.