Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Nov 20 14:58
    sschmidTU labeled #917
  • Nov 20 10:32
    djae88 opened #917
  • Nov 19 16:22
    FloHin removed as member
  • Nov 18 16:26
    sschmidTU commented #907
  • Nov 18 11:10
    bergcussion commented #907
  • Nov 11 01:17
    sschmidTU labeled #916
  • Nov 11 01:04
    cyluxx opened #916
  • Nov 06 23:16
    sschmidTU commented #915
  • Nov 06 23:16
    sschmidTU labeled #915
  • Nov 06 23:16
    sschmidTU commented #915
  • Nov 06 23:07
    infojunkie edited #915
  • Nov 06 23:07
    infojunkie edited #915
  • Nov 06 23:06
    infojunkie opened #915
  • Nov 06 18:06
    MilesMorel commented #904
  • Nov 06 16:54

    sschmidTU on develop

    merge change from audio player (compare)

  • Nov 06 16:36

    sschmidTU on develop

    cherry pick audio-player 554383… (compare)

  • Nov 06 16:20

    sschmidTU on develop

    cherry pick audio player 820ab6… cherry pick audio player 77d656… (compare)

  • Nov 06 15:55

    sschmidTU on develop

    cherry pick audio player 968f9c… (compare)

  • Nov 06 15:53

    sschmidTU on develop

    cherry pick audio-player e55a86… (compare)

  • Nov 06 15:45

    sschmidTU on develop

    cherry pick audio-player f046fc… fix drum test titles shared in… (compare)

Yang Bo
@Bryant-Yang
I use vue as frontend framework
video play time update won't be a problem, but I'm newbie of musicxml and render lib such as osmd
Simon
@sschmidTU

@Bryant-Yang in principle OSMD can do this. Of course you need to have at least timestamps for each measure for the video, OSMD can't help there. But you can tell OSMD to go to a certain measure or timestamp.

Click events are not implemented yet in OSMD, but should be soon.

Vue integration shouldn't be a problem in principle, see our Wiki:
https://github.com/opensheetmusicdisplay/opensheetmusicdisplay/wiki

Here's an existing issue for vue integration, though i'm not sure it'll be of much help for now, but maybe you can add your questions and experiences there:
opensheetmusicdisplay/opensheetmusicdisplay#461

nice demo by the way.
Simon
@sschmidTU
click events are already in progress actually.
Yang Bo
@Bryant-Yang
@sschmidTU thanks, I'll try 2 steps before integrating vue: 1. get real timestamp according to bpm for each note; 2. move cursor matched currentTime of video in "ontimeupdate" event handler, or just highlight the measure of current play time.
Simon
@sschmidTU
sounds good!
Simon
@sschmidTU
@Bryant-Yang nice arrangement!
I guess that's now my fanfare for the Release of OSMD 0.8.4!
See Changelog
Yang Bo
@Bryant-Yang
is there any api for highlight measure with specified index?
image.png
Yang Bo
@Bryant-Yang
looks like 'Show bounding box for: Measure' in demo. But only for the specified measure
image.png
Simon
@sschmidTU
@Bryant-Yang this function does not exist yet, but could be implemented. In fact, you could implement it yourself by manipulating the cursor width (and position). The width should be the width of the measure (in OSMD units).
image.png
You could also copy the function that shows the bounding boxes for all measures and change it so it only affects one measure (which includes multiple vertical GraphicalMeasures).
Yang Bo
@Bryant-Yang
ok, thanks
Yang Bo
@Bryant-Yang
@sschmidTU I've tried integrate osmd to vue, refer to Jimmy's nice work https://github.com/jimutt/osmd-audio-player, when I try to implement my own score component, there is an issue says:
image.png
any idea about this?
with osmd 0.8.4 installed via npm
Yang Bo
@Bryant-Yang
may be something wrong with babel-loader
Yang Bo
@Bryant-Yang
I've tried with another fresh new vue-cli init, no error, forget it.
Yang Bo
@Bryant-Yang
Sorry to bother, another question for this xml: https://opensheetmusicdisplay.github.io/demo/sheets/Beethoven_AnDieFerneGeliebte.xml, there is text label in German:
image.png
I translated it in to English ’quite slow with expression‘
Yang Bo
@Bryant-Yang
in 'direction' tag, how should I remove this kind of texts? I have tried options of drawingParameters: 'compacttight', drawCredits: false
but the text still there
image.png
Yang Bo
@Bryant-Yang
and of course the text can be removed from the original xml, just curious.
Yang Bo
@Bryant-Yang
alright, got it
image.png
Simon
@sschmidTU
So you figured it out? I don't know what that last screenshot has to do with it, but good.
Yang Bo
@Bryant-Yang
I mean, may be it's the feature should be displayed for player, my music theory is only amateur :)
Simon
@sschmidTU
It's the title of the movement and an indication of tempo and sometimes expression.
We could probably give an option to not display that.
Yang Bo
@Bryant-Yang
got it. Is it easy to add tap/click event in sheet? got event target on cursor, or measure, or event note?
Simon
@sschmidTU
that will be added soon, we already have it working on a branch (comment branch, not generally for events right now)
Yang Bo
@Bryant-Yang
great
Misko Lee
@imiskolee
Hi all, can we have any idea for make a new notation system(like china numbered notations).
Simon
@sschmidTU
you are probably referencing this:
it won't be so easy to implement, and i'm afraid the OSMD team won't be able to help very much in the near future, as we're busy with other projects like the audio player.
but how i would probably do it is similar to the VexFlowMultiRestMeasure, somehow creating the labels for every note, maybe adding them to transparent vexflow notes (and making the stafflines transparent as well of course).
this numbered notation is extremely different from traditional music notation.
Misko Lee
@imiskolee
@sschmidTU Yes, and i am started to do this.
mkataria
@mkataria
Hello all, Can someone point me to react usage of OSMD please? I want to integrate OSMD in my react app.
Simon
@sschmidTU
@mkataria Hi, we have a react example project/component for OSMD here:
https://github.com/opensheetmusicdisplay/react-opensheetmusicdisplay
You can ask questions in that repository over here. Just note that I personally didn't create this project and only briefly looked at it.
Simon
@sschmidTU
Of course you can also ask questions here, forgot to mention that in my last comment.
mkataria
@mkataria
thanks @sschmidTU
philipp-siegmantel
@philipp-siegmantel
Hello, does anybody know how I get the signature of a sheet? Meaning how many bs or #s it has?
Simon
@sschmidTU

@philipp-siegmantel

osmd.sheet.getFirstSourceMeasure().getKeyInstruction(0).Key

-3 = 3 flats, +4 = 4 sharps, 0 = C Major / A minor / no accidentals
keyInstruction.Mode gives you major (0), minor (1) or other (2+).