UrdleWiki

testjs.html

<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title>abcjs demo</title>
    <script src="http://drawthedots.com/abcbasic/abcjs_basic_1.0.5-min.js" type="text/javascript"></script>
</head>
<body>
	<h1>abcjs basic demo page</h1>
	<p><b>abcjs</b> is an open source javascript rendering engine for interpreting abc formatted tunes.
		It will render sheet music entirely in your browser.
		It was written in 2009-2011 by Gregory Dyke and Paul Rosen.
		This page demonstrates a simple implementation of it so you can see how to use it in your own pages.
	</p>
 
	<p>Click one of the links below to see it in action.</p>
 
    <p>
        <a href="#" onclick="renderAbc('notation', cooleys); return false;" >Cooley's</a> |
        <a href="#" onclick="renderAbc('notation', chorus); return false;" >Chorus</a> |
        <a href="#" onclick="renderAbc('notation', bigNotes, {}, { scale: 2.0 }); return false;" >Big Notes</a>
    </p>
 
	<p>For more information, see <a href="http://code.google.com/p/abcjs/" >the project page</a>. There is also an application using this
		<a href="http://drawthedots.com">here</a>.</p>
<hr />
<div id="notation"></div>
 
 
<script type="text/javascript">
    var cooleys = "X:1\nT: Cooley's\nM: 4/4\nL: 1/8\nR: reel\nK: Emin\n|:D2|EB{c}BA B2 EB|~B2 AB dBAG|FDAD BDAD|FDAD dAFD|\nEBBA B2 EB|B2 AB defg|afe^c dBAF|DEFD E2:|\n|:gf|eB B2 efge|eB B2 gedB|A2 FA DAFA|A2 FA defg|\neB B2 eBgB|eB B2 defg|afe^c dBAF|DEFD E2:|\n";
    var chorus = '%%staffwidth 500\nX: 1\nT: Chorus\nV: T1 clef=treble name="Soprano"\nV: T2 clef=treble name="Alto"\nV: B1 clef=bass name="Tenor"\nV: B2 clef=bass name="Bass"\nL:1/8\nK:G\nP:First Part\n[V: T1]"C"ed"Am"ed "F"cd"G7"gf |\n[V: T2]GGAA- A2BB |\n[V: B1]C3D- DF,3 |\n[V: B2]C,2A,,2 F,,2G,,2 |';
    var bigNotes = "X:1\nM: 4/4\nL: 1/8\nK: Emin\n|:D2|EB{c}BA B2 EB|\n";
</script>
 
<script type="text/javascript">
	var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
	document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
 
<script type="text/javascript">
	try {
	var pageTracker = _gat._getTracker("UA-13012902-1");
	pageTracker._trackPageview();
	} catch(err) {}
</script>
</body>
</html>