Full version: jsB@nk » Utility » Marking your Sheet Music Notation with JavaScript
URL: https://www.javascriptbank.com/marking-your-sheet-music-notation-with-javascript.html
One more wonderful JavaScript web application created by JavaScript developers, web developers. That is sheet music notation application from klog, the idea is build an JavaScript application, where people with MIDI keyboards can test their sight-reading online. The JavaScript web program will judge your playing objectively, according to whether you hit the right notes, what your timing was like, whether you got the dynamics right, etc.Although this free music notation JavaScript is still in developing, coming with features: render two staves (bass and treble) to show left and right hands, render semi-breves, show fingering on notes, dotted notes, quavers, tied quavers. But its demo is a miracle, jsB@nk.com's pleasure to present the demo of sheet music notation with JavaScript.
Full version: jsB@nk » Utility » Marking your Sheet Music Notation with JavaScript
URL: https://www.javascriptbank.com/marking-your-sheet-music-notation-with-javascript.html
<style type="text/css">canvas{display:block;border:1px solid #000;width:100%;height:300px;}</style><script src="canvastext.js"></script><script src="ellipse.js"></script><script src="notation-viewer.js"></script><script src="/javascript/jquery.js"></script><script src="js.js"></script>
<form method="post"><select id="file_chooser" name="file"><option>0001 - john w schaum - at sea level</option><option selected="selected">0002 - john w schaum - seize the cs</option></select><select id="zoom"><option value="2">200%</option><option value="1.5">150%</option><option value="1" selected="selected">100%</option><option value=".8">80%</option><option value=".5">50%</option></select></form><canvas id="canvas"></canvas><script>var music={sp:{"work":"","part-list":{"score-part":{_a:{"id":"P1"},"part-name":"Staff 1","score-instrument":{_a:{"id":"P1-I1"},"instrument-name":"Piano 1"},"midi-instrument":{_a:{"id":"P1-I1"},"midi-channel":"1","midi-program":"1"}}},pa:{_a:{"id":"P1"},me:[{_a:{nu:1},at:{di:"1","key":{"fifths":"0"},ti:"4/4",cl:"F/4"},no:[{pi:{s:0,o:4},d:1,v:1,t:4,"stem":"down"},{pi:{s:0,o:4},d:1,v:1,t:4,"stem":"down"},{pi:{s:0,o:4},d:2,v:1,t:2,"stem":"down"}]},{_a:{nu:2},no:[{pi:{s:0,o:4},d:1,v:1,t:4,"stem":"down"},{pi:{s:0,o:4},d:1,v:1,t:4,"stem":"down"},{pi:{s:0,o:4},d:2,v:1,t:2,"stem":"down"}]},{_a:{nu:3},no:[{pi:{s:0,o:4},d:1,v:1,t:4,"stem":"down"},{pi:{s:6,o:3},d:1,v:1,t:4,"stem":"down"},{pi:{s:0,o:4},d:1,v:1,t:4,"stem":"down"},{pi:{s:6,o:3},d:1,v:1,t:4,"stem":"down"}]},{_a:{nu:4},no:[{pi:{s:5,o:3},d:1,v:1,t:4,"stem":"down"},{pi:{s:6,o:3},d:1,v:1,t:4,"stem":"down"},{pi:{s:0,o:4},d:2,v:1,t:2,"stem":"down"}]},{_a:{nu:5},no:[{pi:{s:0,o:4},d:1,v:1,t:4,"stem":"down"},{pi:{s:0,o:4},d:1,v:1,t:4,"stem":"down"},{pi:{s:0,o:4},d:2,v:1,t:2,"stem":"down"}]},{_a:{nu:6},no:[{pi:{s:0,o:4},d:1,v:1,t:4,"stem":"down"},{pi:{s:0,o:4},d:1,v:1,t:4,"stem":"down"},{pi:{s:0,o:4},d:2,v:1,t:2,"stem":"down"}]},{_a:{nu:7},no:[{pi:{s:0,o:4},d:1,v:1,t:4,"stem":"down"},{pi:{s:6,o:3},d:1,v:1,t:4,"stem":"down"},{pi:{s:5,o:3},d:1,v:1,t:4,"stem":"down"},{pi:{s:6,o:3},d:1,v:1,t:4,"stem":"down"}]},{_a:{nu:8},no:[{pi:{s:0,o:4},d:1,v:1,t:4,"stem":"down"},{pi:{s:6,o:3},d:1,v:1,t:4,"stem":"down"},{pi:{s:0,o:4},d:2,v:1,t:2,"stem":"down"}],"barline":{_a:{"location":"right"},"bar-style":"light-heavy"}}]}}};</script>/javascript/utility/Marking_your_Sheet_Music_Notation_with_JavaScript/canvastext.js/javascript/utility/Marking_your_Sheet_Music_Notation_with_JavaScript/ellipse.js/javascript/utility/Marking_your_Sheet_Music_Notation_with_JavaScript/jquery.js/javascript/utility/Marking_your_Sheet_Music_Notation_with_JavaScript/js.js/javascript/utility/Marking_your_Sheet_Music_Notation_with_JavaScript/notation-viewer.js