music21j-port
Version:
A toolkit for computer-aided musicology, Javascript version
73 lines (58 loc) • 2.36 kB
HTML
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title>21M.051 Note changer</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script data-main="../src/music21"
m21conf='{"loadSoundfont": true }'
warnBanner="no"
src="../ext/require/require.js"></script>
<link rel="stylesheet" href="http://web.mit.edu/music21/doc/_static/m21.css" type="text/css" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Code+Pro|Open+Sans:300italic,400italic,700italic,400,300,700" type="text/css" />
</head>
<body>
<script>
require(['music21'], function() {
var s = music21.tinyNotation.TinyNotation("G2 B4 c4");
s.clef = new music21.clef.Clef('bass');
var d = s.editableAccidentalDOM();
$("#editable").append(d);
$("#editable").append( $("<br clear='all'/>") );
var s2 = music21.tinyNotation.TinyNotation("a2 b4 c'4");
s2.clef = new music21.clef.Clef('treble');
var d2 = s.editableAccidentalDOM();
$("#editable").append(d2);
});
</script>
<div class="related">
<ul><li><a href="#">21m.051 Cuthbert</a> » <a href="#">Intervals</a></li></ul>
</div>
<div class="document">
<div class="documentwrapper">
<div class="bodywrapper">
<div class="body" id="testBank">
</div>
</div>
</div>
</div>
<h2>Click to alter pitches in the score</h2>
<div id="editable">
</div>
<h2>Just testing down here -- automatic rendering of TinyNotation;
</h2>
<div>To do it, put somewhere: <br/><code><script data-main="../src/music21" warnBanner="no" src="../ext/require/require.js"></script></code><br/>
set <code>class=""music21 tinyNotation"</code> or
<code>"music21 tinyNotation noPlayback"</code></div><br/>
<div>
<div class="music21 tinyNotation">c4 d8 e8 f2</div> (click me)
</div>
<div class="music21 tinyNotation">c4 d8 e8 f2</div>
<div>
<div class="music21 tinyNotation noPlayback">3/4 D8. F#16 E8 F Gn A C#2. D2.</div> (clicking does nothing)
</div>
<div class="music21 tinyNotation noPlayback">3/4 D8. F#16
E8 F Gn A c#2. d2.</div>
<div>Here is a multipart tinyNotation with the <code>partBreak</code> code</div>
<div class="music21 tinyNotation">g2 f2 partBreak C4 D8 E8 F2</div>
</body>
</html>