Re: Introducing "LilyPond HTML Live Score"

[David Bellows]

> 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
>
>