lilypond-user
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

Re: Introducing "LilyPond HTML Live Score"


From: Mathieu Demange
Subject: Re: Introducing "LilyPond HTML Live Score"
Date: Wed, 02 Dec 2015 23:47:32 +0100
User-agent: Roundcube Webmail/0.8.5

Hi David,

Can you send me the generated HTML output file ? If you see such a message, this means that the JavaScript code contains errors. I'll fix that if I can see your file.

Thanks,

Mathieu

Le 2015-12-02 22:35, David Bellows a écrit :
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



_______________________________________________
lilypond-user mailing list
address@hidden
https://lists.gnu.org/mailman/listinfo/lilypond-user



reply via email to

[Prev in Thread] Current Thread [Next in Thread]