JSPDF: Difference between revisions
No edit summary |
No edit summary |
||
| Line 6: | Line 6: | ||
<script type="text/javascript"> | <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> | </script> | ||
| Line 38: | Line 50: | ||
<div class="output"> | <div class="output"> | ||
<div id="warnings"></div> | <div id="warnings"></div> | ||
<div class="clear_both"><br /></div> | <div class="clear_both"><br /></div> | ||
Revision as of 14:24, 19 May 2017
<html> <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>