Git Product home page Git Product logo

jtab's Introduction

jTab - Guitar Chord and Tab Library

this is the source repository for the jTab Javascript library.

See jTab for more info..

Hosting

I'm using GitHub Pages to host jtab.tardate.com directly from the GitHub repository.

How does that work? GitHub Pages basically serves whatever you commit to the repo. For static HTML sites, that means simply adding an index.html to the root of the repo.

GitHub now allows you to select the branch from which GitHub Pages are built. I've chosen to serve directly from the master branch.

To host on a custom URL, just two steps:

  • in DNS, configure a CNAME to point to .github.io
  • add a CNAME file to the repo root with the matching CNAME in DNS (GitHub does this for you automatically if you add the custom url in the web interface)

Contributing

  1. Fork it ( https://github.com/tardate/fretboard_web/fork )
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request

jtab's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

jtab's Issues

jtab is rendered too short

When I render this, it does not extend to full context.

%4/0.7/1.9/3.8/2.9/4.4/0[Emaj7]

2024-07-20_16 53 04_CSX

I hope that it would be rendered with everything in it
Thanks for your work.

add support for chord variations

currently only common, usually open tunings are support in chord notation.

Be nice to be able to:
(a) specify specific variations to render
(b) interact with the chord diagram to select/browse variations

support dash/inversion chord like D/F#

Hello!

I found this JS lib is great and I really want to integrate it in my website.

However I found it not supporting chords like G/B , D/F#, A/C etc...

Is there any plan to make it support? Or I just missed out anything ?

Thanks a lot!

Regards
(redacted)

Update jQuery Library

It would be much appreciated if the jQuery library was updated to the newest version so it is compatible on sites with jQuery already loaded with the newest version.

Clash with Google Adsense Script

There appears to be a clash with a Google Adsense Script. For example chords do not render when on a page with the following part of Google Adsense script.

<script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/ show_ads.js"></script>

API method to dynamically add chord definitions

As suggested by @binarybitlan :

.. the ability to make new chords without having to edit the script; basically it works like this:
Usage:
jtab.AddChord("ChordName", Chord-Array);

Example of Add:
jtab.AddChord("Dsus4l", [ [ 0, [-1 ], [-1 ], [3,2], [2,1], [3,3], [3,4] ], [ 12, [-1,-1], [-1,-1], [12,1], [14,2], [15,3], [15,4] ] ]);

This function should work fine, and you can see what changes I needed to make in order to get this functionality, and it really does make this script much easier to use; because I make up chords as I go along, and I never know what to call them...

see code at: http://media.binarybit.com/media/downloads/jtab/jtab-j.js

custom notation offset?

Why is my custom notation %X/X.0/0.0/0.2/1.3/2.2/3[Re] is not rendering as the built in "D" chord? It is correct but mine is getting moved up by a fret. jtab
Is there something I am doing wrong?

Couldn't jtab E7sus4

I entered E7sus4 at the example page here: http://jtab.tardate.com/ and didn't get anything jtabbed.

E7 and Esus4 worked as expected.

I'm not sure if my notation was wrong (perhaps an example?) or if this is a case that doesn't work.

add scores above the tab

It would be great if i can write music with jTab notation and when it renders, notes notes will also be present.

Add support for line-breaks

from the mailing list:

I couldn't see any way of generating a new line from multiple chords. Is there a way (apart from multiple shrtcodes etc)?

Please see http://www.gazzamit.co.uk/chords/chord-generator/. This can produce multiple lines.

I have just created a small parser file to explode user input on commas and then render on submit.

This is using wordpress with a plugin called Guitar Chords and Tabs v 1.2.2.

I'd love to get this to work with realtime render, however, I can't as the user input needs to be parsed first.

support CAGED notation

jasonong added initial sample e.g. C:1, C:2, C:3, C:4, C:5
Needs to be extended for all CAGED positions

support 6 string chord notation

6 string chord notation i.e. X02220 for A:1
a simple parsing change, however extending above 9th fret poses a problem - for now, propose to require fallback on "." notation at that point.
e.g. C:4 = 8.10.10.9.8.8

Add alternative tab string notation using string note (EADGBe) in addition to number (654321)

suggestion from Rob Visser:
I learn a lot of my songs through DVD's or online MP4's where the
teaching artist says1st finger on B second fret
second finger on G third fret fourth finger on D fith fret...
Whilst he does his blah I write up on the white board B2 G3 D5
(I am not really concerned about the fingering cos I want to tab this)
Currently I have to translate this to $2.2.$3.3.$4.5 I would be
handier if I could enter
$B.2.$G.3.$D.5 avoids me having to count EADGBE 654321 ;-)

Incorrect fret positioning for Dm7b5

Reported by Jeremy:
I sent message to Paul after posting the one above while I was waiting
for it to be approved and thought it a good idea to share it here with
everyone also...

I forgot to mention that I tried specifying the fret with several
commands, for want of a better word, I tried everything from...
Dm7b5:1 Dm7b5:2 Dm7b5:3 Dm7b5:4 Dm7b5:5
but all to no avail, the chord I was referring to in the Google group
post was Dm7b5:2 it is the correct shape I was looking to use but as I
mentioned in the wrong position.
Do you have any tutorials for editing the js file and making new
chords to add to it. I know nothing about js but would love to chime
in occasionally when the need arises to add a new chord.
All the best...

Here is a post I added to my blog with the chord in q
http://rhythmicguitar.com/blog/jamin-the-blues-bosser
you can find it in the section called Part 2

Clash with Google Adsense Script

There appears to be a clash of script between jtab and Google Adsense code. In particular chords will not render if placed on a page with this part of Google Adsense script.

<script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/ show_ads.js"> </script>

D Chord is wrong in obsidian

D Chord is wrong in obsidian. The 5th string should be x.

I tried using a custom D chord but then the nut is not rendered.

respect spacing between 6-string tab shortcuts

Reported by Rob:
Last night I was converting $1.0.$2.1.$3.2.$4.2.$5.0 to x02210 which simplifies things a lot. I noticed however that no matter how many spaces you have between x02210 x02210 it always only renders to one space whereas before I used the spaces to indicate timing. Is this a difficult issue to fix? For now I will just keep to the more extensive notation $1.0 etc...

Badd11 not showing

Hi! I am trying to add a chords tab for Blower's Daughter.
It includes this chord:
image
It looks like add11 isn't supported by jTab, is that right?

Fifths?

Add the ability to render fifths, like C5.

Support for using arabic numerals to indicate fret number

I notice that there is a commented out line to switch the numbering system form Roman Numerals to Arabic Numerals.

// var fret_labels = [ '', '1fr', '2fr', '3fr', '4fr', '5fr', '6fr', '7fr', '8fr', '9fr', '10fr', '11fr', '12fr', '13fr', '14fr', '15fr', '16fr', '17fr', '18fr', '19fr', '20fr', '21fr', '' ];

What would be needed for this to be a 'configurable option'? Something like a data-attribute on the #jtab element which could be read by jTab to decide which numbering system to use?

Wrapping to fit div's width

Seems Raphael library doesn't directly support wrapping. Which means that if there are many chords presented, they float outside of the div's width.

Use fill rather than stroke for text color.

If found that if I modify the code so that it uses "fill" instead of "stroke" for the text color that it looks much more crisp.

Example
this.text(10, 10, "Bm7").attr({stroke: this.tab_text_color, "font-size":"20px"});

Simpler chord diagrams

Would it be possible to include a simpler way to render chord diagrams without requiring finger selection?

E.g. instead of

%7/2.X/X.7/3.7/4.6/1.X/X[Bm7b5]

, allow

7x776x [Bm7b5]

or even unnamed chords like

7x776x

?

Add support for strum patterns

It would be cool to have support for strum patterns to produce something like the following.

_20140214_164943

I may fork the project and work on this myself. I need it for a new app idea I've got.

Incorrect C#m chord chart

There's a problem with C#m in the current version. The table entry -1, -1, 2, 1, 3, 0, gives a D on the second string instead of the required C#, so a '2' is correct for this string. It looks like the fingering and fret position
have been transposed, as finger '2' also appears on the 4th string.

(thanks to a user for this report via email)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.