Re: Introducing "LilyPond HTML Live Score"

[Mathieu Demange]

Hi David,

I just updated the project's repository. I refactored and simplified a
lot of things.

There's now a single python script (make-live-score) which takes care of
everything. Also, you don't need to edit your .ly file anymore.

Please note that the script except audio files to be specified (at least
one format) or it'll break the js part. This'll be fixed in the next
release and will allow to have visual rhythmic feedback even with no
sound played back.

See the README.md file for details (and command usage, it has been
reworked).

Please tell me how it goes now.

Cheers,

Mathieu

Le lundi 30 novembre 2015 à 16:27 -0800, David Bellows a écrit :
> > The jPlayer plugin for jQuery excepts (if possible) two audio formats :
> > Ogg Vorbis (.ogg) and AAC (.m4a). Please make sure you have your audio
> > source file converted into those two formats.
> 
> Hey Mathieu,
> 
> So here is my Lilypond test file.
> 
> \include "live-score.ily"
> \score{
>   {c e g c'}
>   \layout {}
>   \midi {}
> }
> 
> I then convert that to an ogg file with Timidity:
> 
> timidity -Ov score.midi
> 
> If I run make-live-score.sh as is then I get the score in index.html
> but no sound or animation.
> 
> If I comment out line 81, the m4a part, then I get the score and the
> sound but no animation.
> 
> I'm using Lilypond 2.19.32
> 
> On Mon, Nov 30, 2015 at 1:52 AM, Mathieu Demange
> <address@hidden> wrote:
> > Hi David,
> >
> > The jPlayer plugin for jQuery excepts (if possible) two audio formats :
> > Ogg Vorbis (.ogg) and AAC (.m4a). Please make sure you have your audio
> > source file converted into those two formats.
> >
> > I'll update the make-live-script.sh file today so it can accept command
> > line arguments to specify the .ly source file and the audio files (if
> > any).
> >
> > I'll urge myself to write some documentation too!
> >
> > Yours,
> >
> > Mathieu
> >
> >
> > Le dimanche 29 novembre 2015 à 13:15 -0800, David Bellows a écrit :
> >> > Ow! That's because I clearly didn't except anyone to try the script that 
> >> > quick :D
> >>
> >> Ha! I've been looking for something like this for a while. There's
> >> another out there but I've had no luck getting it working and I think
> >> it's been abandoned.
> >>
> >> > - make sure you adapt the paper format so that your score fits into one 
> >> > single page (see the \paper block in the original score.ly file)
> >> > - adapt the Javascript code in the index.tpl file (lines 80, 81, 82) to 
> >> > the audio files you want to use (if any)
> >>
> >> Ok, I switched to a score that uses only one page.
> >>
> >> I changed line 80 to reflect the name of the piece ("name").
> >> I changed line 82 to point to the correct ogg file ("name.ogg").
> >> I'm not sure what to do with line 81:
> >>    A) If I change it to "name.m4a" then everything seems to compile
> >> and the score is shown in index.html but there's no sound or
> >> animation.
> >>    B) If I comment out that line then I get the score and the music
> >> but no animation. So close!
> >>
> >> So I'm almost there!
> >>
> >> And I would very much like to include this in a super huge project I'm
> >> working once it reaches maturity and to that end I'll help out
> >> wherever I can (though I'm not much of a programmer).
> >>
> >> Thanks!
> >> Dave
> >>
> >> On Sun, Nov 29, 2015 at 12:03 PM, Mathieu Demange
> >> <address@hidden> wrote:
> >> > Ow! That's because I clearly didn't except anyone to try the script that
> >> > quick :D It's not fail-proof, yet, but here are some hints (before all 
> >> > this
> >> > gets managed automatically):
> >> >
> >> > - make sure you adapt the paper format so that your score fits into one
> >> > single page (see the \paper block in the original score.ly file)
> >> > - adapt the Javascript code in the index.tpl file (lines 80, 81, 82) to 
> >> > the
> >> > audio files you want to use (if any)
> >> >
> >> > Thanks for you interest! The tool is currently at an early stage of
> >> > development (more like a proof-of-concept actually). There's still quite 
> >> > a
> >> > lot of work to do :)
> >> >
> >> > Yours,
> >> >
> >> > Mathieu
> >> >
> >> >
> >> > Le 2015-11-29 20:10, David Bellows a écrit :
> >> >>
> >> >> This seems like it might be exceedingly cool, but I'm running into a
> >> >> problem. When running make-live-score.sh I get this:
> >> >>
> >> >> Drawing systems...
> >> >> Layout output to `score-page-1.svg'...
> >> >> Layout output to `score-page-2.svg'...
> >> >> Layout output to `score-page-3.svg'...
> >> >> Success: compilation successfully completed
> >> >> Adding #score id to <svg> tag...
> >> >> sed: can't read score.svg: No such file or directory
> >> >> Injecting events timing data into score.svg...
> >> >> Traceback (most recent call last):
> >> >>   File "injector.py", line 6, in <module>
> >> >>     svg = ET.parse("score.svg")
> >> >>   File "/usr/lib/python2.7/xml/etree/ElementTree.py", line 1182, in 
> >> >> parse
> >> >>     tree.parse(source, parser)
> >> >>   File "/usr/lib/python2.7/xml/etree/ElementTree.py", line 647, in parse
> >> >>     source = open(source, "rb")
> >> >> IOError: [Errno 2] No such file or directory: 'score.svg'
> >> >> Injecting score.svg into index.html...
> >> >>
> >> >> I'm really not sure what I should be doing. I changed the name of my
> >> >> original Lilypond file to score.ly and the svg files are all correct
> >> >> but the index.html file still plays your original demo.
> >> >>
> >> >> On Sun, Nov 29, 2015 at 10:08 AM, Mathieu Demange
> >> >> <address@hidden> wrote:
> >> >>>
> >> >>> Hello all,
> >> >>>
> >> >>> I've been developing a tool which is at a very early stage now, but I
> >> >>> humbly
> >> >>> guess you should like the idea. Check this very simple page and click 
> >> >>> the
> >> >>> "play" button (or you can click any note or rest).
> >> >>>
> >> >>> http://www.mathieudemange.fr/lilypond-html-live-score-demo/
> >> >>>
> >> >>> There's a public repository for the tool here :
> >> >>>
> >> >>> https://gitlab.com/sigmate/lilypond-html-live-score
> >> >>>
> >> >>> And the score used in the demo is a transcription I made which is a 
> >> >>> free
> >> >>> score (CC-BY-SA) available on this repo :
> >> >>>
> >> >>> https://gitlab.com/sigmate/transcription-pools-vibes-solo
> >> >>>
> >> >>> Looking forward to hear your feedback!
> >> >>>
> >> >>> Cheers,
> >> >>>
> >> >>> Mathieu
> >> >>>
> >> >>>
> >> >>>
> >> >>>
> >> >>>
> >> >>> _______________________________________________
> >> >>> lilypond-user mailing list
> >> >>> address@hidden
> >> >>> https://lists.gnu.org/mailman/listinfo/lilypond-user
> >> >>
> >> >>
> >> >> _______________________________________________
> >> >> lilypond-user mailing list
> >> >> address@hidden
> >> >> https://lists.gnu.org/mailman/listinfo/lilypond-user
> >> >
> >> >
> >> > _______________________________________________
> >> > lilypond-user mailing list
> >> > address@hidden
> >> > https://lists.gnu.org/mailman/listinfo/lilypond-user
> >>
> >> _______________________________________________
> >> lilypond-user mailing list
> >> address@hidden
> >> https://lists.gnu.org/mailman/listinfo/lilypond-user
> >
> >
> 
> _______________________________________________
> lilypond-user mailing list
> address@hidden
> https://lists.gnu.org/mailman/listinfo/lilypond-user