|
Tags: Replaced Manual revert |
Line 1: |
Line 1: |
| <addhtml> | | <ableaudioplaylist> |
| <!DOCTYPE HTML> | | <ul> |
| <html> | | <li>https://ttadev.org/w/images/3/3a/An_Spailpin_Fanach.mp3</li> |
| <head>
| | </ul> |
| <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
| | </ableaudioplaylist> |
| <title>abcjs demo</title>
| |
| | |
| <script src="/w/JavaScript/abcjs_editor_1.0.7-min.js" type="text/javascript"></script>
| |
| </head>
| |
| <body>
| |
| <h1>abcjs demo page</h1>
| |
| <p><b>abcjs</b> is an open source javascript rendering engine for interpreting abc formatted tunes.
| |
| It will render sheet music entirely in your browser.
| |
| It was written in 2009-2011 by Gregory Dyke and Paul Rosen.
| |
| This page demonstrates a simple implementation of it so you can see how to use it in your own pages.
| |
| </p>
| |
| <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>
| |
| | |
| <p>For more information, see <a href="http://code.google.com/p/abcjs/" >the project page</a>. There is also an application using this
| |
| <a href="http://drawthedots.com">here</a>.</p>
| |
| <textarea name="abc" id="abc" cols="80" rows="15">X: 1
| |
| T: Cooley's
| |
| M: 4/4
| |
| L: 1/8
| |
| R: reel
| |
| K: Emin
| |
| |:D2|EB{c}BA B2 EB|~B2 AB dBAG|FDAD BDAD|FDAD dAFD|
| |
| EBBA B2 EB|B2 AB defg|afe^c dBAF|DEFD E2:|
| |
| |:gf|eB B2 efge|eB B2 gedB|A2 FA DAFA|A2 FA defg|
| |
| eB B2 eBgB|eB B2 defg|afe^c dBAF|DEFD E2:|
| |
| </textarea>
| |
|
| |
| <hr />
| |
| <div id="midi"></div>
| |
| <div id="warnings"></div>
| |
| <div id="music"></div>
| |
| <div id="paper0"></div>
| |
| <div id="paper1"></div>
| |
| <div id="paper2"></div>
| |
| <div id="paper3"></div>
| |
| | |
| | |
| <script type="text/javascript">
| |
| window.onload = function() {
| |
| abc_editor = new ABCEditor("abc", { paper_id: "paper0", midi_id:"midi", warnings_id:"warnings" });
| |
| }
| |
| </script>
| |
| <script type="text/javascript">
| |
| var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
| |
| document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
| |
| </script>
| |
| <script type="text/javascript">
| |
| try {
| |
| var pageTracker = _gat._getTracker("UA-13012902-1");
| |
| pageTracker._trackPageview();
| |
| } catch(err) {}
| |
| </script>
| |
| </body> | |
| </html> | |
| </addhtml> | |