VexTab Info

I was thinking of ways of sharing some of my random noodling around on guitar (or possibly other things) and while soundcloud looks pretty simple to embed on a website, what if I wanted to show the score?

I hadn't seen a Markdown or HTML method for creating staffs, notes, time signature, key, etc. After a very short amount of hunting, I've now found VexTab which looks very promising.

Here's a quick little sample of what VexTab can create (taken mostly directly from the git page):

options space=20 tabstave notation=true tablature=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=20

All of which was created from some pretty simple code (which was embedded in the Markdown for this posting):

<script src="https://unpkg.com/vextab/releases/vextab-div.js">
</script>
<link type="text/stylesheet" src="https://unpkg.com/vextab/releases/vextab.css">
<div class="vex-tabdiv" width="680" scale="1.0" editor="false" style="background-color: white;">
  options space=20
  tabstave
  notation=true tablature=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=20
</div>

Now one thing that's annoying me that I can't figure out how to remove yet is the "vexflow.com" that is showing up on all of the notation that is being created. I'll have to look at that later but if I am using this for notation I definitely don't want there to be any confusion as to the source of the musical ideas.

VexTab Info

Published

Category

Tags