Re: Introducing "LilyPond HTML Live Score"

[David Bellows]

Hey Mathieu

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

A new problem. I'm able to successfully run the script on both your
example and my test file. But now whenever I open it up in a browser
(Firefox, Chrome, Rekonq) I get the message that I need to update my
Flash player. I'm running Kubuntu 15.10 and everything is up-to-date
but still no go.

The example you linked to at the head of this thread still works.

Dave Bellows


On Wed, Dec 2, 2015 at 8:09 AM, Mathieu Demange
<address@hidden> wrote:
> 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
>
>