vextab
Version:
A VexTab Parser for VexFlow
105 lines (86 loc) • 3.28 kB
HTML
<html>
<head>
<title>VexTab</title>
<link href='http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT|Yanone+Kaffeesatz|Tangerine'
rel='stylesheet' type='text/css'>
<link href="style.css" media="screen" rel="Stylesheet" type="text/css" />
<!-- Support Sources -->
<link href="../releases/vextab.css" media="screen" rel="Stylesheet" type="text/css" />
<script>
VEXTAB_USE_SVG = true
</script>
<script src="../releases/vextab-div.js"></script>
<script>
VexTabDiv.Artist.DEBUG = false
</script>
</head>
<body>
<div class="vex">
<a href="http://vexflow.com">VexFlow</a> |
<a href="http://my.vexflow.com">My VexFlow</a> |
<a href="http://vexflow.com/vextab/">VexTab</a> |
<a href="http://0xfe.blogspot.com">0xfe</a>
</div>
<div class="header">
<h1>VexTab</h1>
<div class="main">
<b>A Simple Text-Based Language for Music Notation.</b><br/>
</div>pre-pre-pre-alpha by <a href="http://0xfe.blogspot.com">0xfe</a>.
</div>
<div class="content">
<h2>What is VexTab?</h2>
<div class="description">
VexTab is a language that allows you to easily create, edit, and
share standard notation and guitar tablature. Unlike ASCII tab, which is
designed for readability, VexTab is designed for <i>writeability</i>.
<p/>
Take a look at the example below. The green code box below is editable -
try adding another stave by typing <code>tabstave</code> on a new line.
</div>
<div style="width:700; margin-left: auto; margin-right: auto;">
<div class="vex-tabdiv"
width=680 scale=1.0 editor="true"
editor_width=680 editor_height=330>options space=20
tabstave
notation=true
key=A time=4/4
notes :q =|: (5/2.5/3.7/4) :8 7-5h6/3 ^3^ 5h6-7/5 ^3^ :q 7V/4 |
notes :8 t12p7/4 s5s3/4 :8 3s:16:5-7/5 :h p5/4
text :w, |#segno, ,|, :hd, , #tr
options space=25
tabstave
notation=true
notes :q (5/4.5/5) (7/4.7/5)s(5/4.5/5) ^3^
notes :8 7-5/4 $.a./b.$ (5/4.5/5)h(7/5) =:|
notes :8 (12/5.12/4)ds(5/5.5/4)u 3b4/5
notes :h (5V/6.5/4.6/3.7/2) $.italic.let ring$ =|=
text :h, ,.font=Times-12-italic, D.S. al coda, |#coda
text :h, ,.-1, .font=Arial-14-bold,A13
text ++, .23, #f</div>
</div>
<h2>Learn VexTab</h2>
<div class="description">
VexTab designed to be easy to learn and intuitive to use. Follow the
tutorial on the <a href="tutorial.html">VexTab Tutorial</a> page to quickly
get started using VexTab.
</div>
<h2>The Code</h2>
<div class="description">
VexTab is an open specification and the reference implementation
is open source. It is freely available complete and uncrippled for
non-commercial use.
<p/>
If you would like to use this code on commercial websites, products,
plugins, or tools, please get in touch with me. (I'm very reasonable.)
<p/>
Note that the underlying library, VexFlow, is completely open source and
distributed under the MIT license.
<p/>
Get the code at the
<a href="http://github.com/0xfe/vextab">VexTab GitHub Repo</a>.
</div>
<h2>Stay in Touch</h2>
Keep up with changes by following <a href="http://0xfe.blogspot.com">The Blog</a><p/>
</div>
</body>
</html>