Phiên bản đầy đủ: jsB@nk » Ứng dụng » Tạo nhạc lý với JavaScript
URL: https://www.javascriptbank.com/marking-your-sheet-music-notation-with-javascript.html
Thêm một ứng dụng JavaScript cực kì tuyệt vời nữa mà các nhà phát triển web, lập trình JavaScript có thể sáng tạo ra. Đó là tạo ra bản nhạc lý với đầy đủ tất cả các kí hiệu chỉ với JavaScript. Tuy ứng dụng này vẫn còn đang trong giai đoạn phát triển thêm, nhưng hôm nay jsB@nk.com xin giới thiệu với bạn một phiên bản dùng thử cực kì ấn tượng.
Phiên bản đầy đủ: jsB@nk » Ứng dụng » Tạo nhạc lý với 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