Humdrum Verovio Script

Javascript for viewing Humdrum digital scores online.

View the Project on GitHub

Humdrum Nontation Plugin example

This page demonstrates using the Humdrum Notation Plugin, which is an interface to verovio.

Twinkle, Twinkle, Little Star

Mary Had a Little Lamb

Example code

Here is example HTML content to display the above notation. Try copying the text in the black region below into a file ending in .htm or .html and open it in your web brower (probably by double clicking on the file).

<html>
<head>
<title>Humdrum Notation Plugin usage</title>
<script src="https://plugin.humdrum.org/scripts/humdrum-notation-plugin-worker.js"></script>
</head>
<body>

<h2> Twinkle, Twinkle, Little Star </h2>

<script>
displayHumdrum({
	source: "humdrum-twinkle",
	scale: 40
});
</script>

<script id="humdrum-twinkle" type="text/x-humdrum">
**kern
*clefG2
*M4/4
=1
4c
4c
4g
4g
=2
4a
4a
2g
=3
4f
4f
4e
4e
=4
4d
4d
2c;
==
*-
</script>

<h2> Mary Had a Little Lamb</h2>

<script>
displayHumdrum({
	source: "humdrum-mary",
	scale: 60
});
</script>

<script id="humdrum-mary" type="text/x-humdrum">
**kern
*clefG2
*M4/4
=1
4e
4d
4c
4d
=2
4e
4e
2e
=3
4d
4d
2d
=4
4e
4g
2g
=
*-
</script>

</body>
</html>