Using this method, it is possible to easily change the score by just changing the GUIDO description, which is included in the HTML-code. Using JAVAScript in conjunction with GUIDO descriptions has one disadvantage: The usage of "\" inside JAVAscript strings must be coded as "\\". Therefore, the GUIDO description
[ \clef<"bass"> c]must be coded as
' [ \\clef<"bass"> c ] 'Also, the usage of double-quotes (") inside a JAVAscript string requires the usage of single quotes (') to enclose the string.
When the score that needs to be displayed is bigger,
using a JAVA-Applet with scroll-bars
can be useful. Please look here for a
demonstration.
Including the GUIDO source in the HTML document
The following score was included by putting the GUIDO description directly inside the html document:
The following code was used to create this score:
<script>IncludeGuidoStringAsPict('[ \\clef<"treble"> _/8 g g g \\bar e&/2 ]');</script>
If you want to to the score just click
The MIDI-link was created using this html-code:
<script>IncludeGuidoStringAsMIDI('[ \\clef<"treble"> _/8 g g g \\bar e&/2 ]',
'listen');</script>
The following HTML-code was used to create the above score:
<script>var mypiece = '[ \\clef<"treble"> g/4 e e/2 \\bar f/4 d d/2 ]';</script> <script>IncludeGuidoStringAsPict(mypiece,'0.6');</script><p> <script>IncludeGuidoStringAsMIDI(mypiece,'Listen to the score');</script>
The following html-code was used to get the above picture:
<script>IncludeGuidoURLAsPict("http://clef.cs.ubc.ca/salieri/nview/javascript/choral.gmn","0.4");</script>
Note that you can specify any valid URL that points to a GUIDO Music Notation file.