-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathtopic00-hello-mei-world.html
39 lines (36 loc) · 1.42 KB
/
topic00-hello-mei-world.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<html>
<head>
<title>Verovio Hello World! example</title>
<!--/////////////////////-->
<!-- The Verovio toolkit -->
<!--/////////////////////-->
<script src="https://www.verovio.org/javascript/develop/verovio-toolkit.js" type="text/javascript" ></script>
<!--////////////////////-->
<!-- We also use jQuery -->
<!--////////////////////-->
<script src="https://code.jquery.com/jquery-3.1.1.min.js" type="text/javascript" ></script>
</head>
<body>
<!--//////////////////////////////////////////////-->
<!-- The div where we are going to insert the SVG -->
<!--//////////////////////////////////////////////-->
<div id="svg_output"/>
<script type="text/javascript">
///////////////////////////
/* Create the vrvToolkit */
///////////////////////////
var vrvToolkit = new verovio.toolkit();
////////////////////////////////////
/* Load the file using a HTTP GET */
////////////////////////////////////
$.ajax({
url: "mei/Beethoven_StringQuartet_op.18_no.2.mei"
, dataType: "text"
, success: function(data) {
var svg = vrvToolkit.renderData(data, {});
$("#svg_output").html(svg);
}
});
</script>
</body>
</html>