|
|
| Line 1: |
Line 1: |
| <html>
| | {{#lst:St._Patrick%27s_Day|Engraver}} |
| <head>
| |
| <meta http-equiv="content-type" content="text/html; charset=UTF-8">
| |
| <script src="/w/JavaScript/abcjs_editor_midi_3.0-min.js" type="text/javascript"></script>
| |
| <title>abcjs: Tune Editor demo</title>
| |
| <script type="text/javascript">
| |
| | |
| window.onload = function() {
| |
| abc_editor = new ABCJS.Editor("abc", { paper_id: "paper0",
| |
| midi_id: "midi",
| |
| warnings_id: "warnings",
| |
| parser_params: {}
| |
| });
| |
| window.ABCJS.midi.soundfontUrl = "/w/soundfonts/";
| |
| //window.ABCJS.renderMidi("midi", abc_editor.editarea.getString(), 0), {}, { generateInline: true }, {});
| |
| //new ABCJS.Editor("abc", {generate_midi: true, generate_warnings: false});
| |
| | |
| | |
| }
| |
| </script>
| |
| | |
| <style type="text/css">
| |
| @media print {
| |
| div, p, textarea, h1, a {
| |
| display: none;
| |
| }
| |
| #content {
| |
| border: none;
| |
| }
| |
| div#paper0, #globalWrapper, #column-content, #content,
| |
| #bodyContent, #mw-content-text, .output {
| |
| display: block;
| |
| }
| |
| } | |
| </style>
| |
| | |
| | |
| </head>
| |
| <body>
| |
| <p>Type or paste an abc tune in the area below and see it rendered as you type. Also notice that you can click on the drawn notes and
| |
| see the place in the text where that note is defined.</p>
| |
| <textarea name="ABCSandBox" id="abc" cols="80" rows="15">
| |
| X:0
| |
| T: First Score
| |
| C: The Traditional Tune Archive
| |
| M:
| |
| K:
| |
| x
| |
| </textarea>
| |
| | |
| <div class="output">
| |
| <div id="warnings"></div>
| |
| <div class="clear_both"><br /></div>
| |
| <div id="paper0" class="paper"></div>
| |
| <div id="paper1" class="paper"></div>
| |
| <div id="paper2" class="paper"></div>
| |
| <div id="paper3" class="paper"></div>
| |
| </div>
| |
| | |
| <p>Based on abcjs. For more information, see <a href="http://abcjs.net" >the project page</a>. </p>
| |
| | |
| <p>Author: <a href=" mailto:paul@paulrosen.net ">Paul Rosen</a></p>
| |
| </body>
| |
| </html>
| |
