MTWS Sample Lesson - Guitar Note Intervals (HTML5, tabbed interface)

You can locate notes in standard guitar tuning (EADGBE) and other tunings on the guitar fretboard diagram below.  Have you ever experimented with alternate tunings, like Open G or Drop D tunings, and wondered, "now, where did the notes go?".  Well, now you can find them.  You can also hover/hold your mouse over any given fret/string and see the note name appear. You have various options to choose from, so feel free to experiment. 



Interval:
Half-Steps:

P1
0

m2
1

M2
2

m3
3

M3
4

P4
5

A4=d5
6

P5
7

A5=m6
8

M6
9

m7
10

M7
11

P8
12

Chromatic Note:     Interval Direction:  Up   Down    Interval Color:     

Guitar Strings+Frets      Pick/Strum:    Speed 

1st: E
2nd: B
3rd: G
4th: D
5th: A
6th: E
   
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
o o o o oo o

   Auto Clear:  yes no      Instrument:

Tuning:


Notes:


Include Open Notes
Allow String Selection
Position:  

Width:  

Color:  
Hand Preference:
Left-handed
Right-handed

Guitar Perspective:
Guitar on your lap
Facing another guitarist

Description

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ut risus non elit viverra eleifend quis non nisl. Duis lorem eros, ultrices vel vulputate vitae, ullamcorper non neque. Curabitur at turpis quis metus aliquam fermentum. Suspendisse viverra libero ac nisl venenatis congue. Vestibulum fermentum gravida purus ut fermentum. Quisque at ornare nisl. Donec vitae sapien sapien. Etiam posuere, mi quis aliquam vestibulum, lorem mauris rutrum justo, feugiat posuere orci leo vel nulla. Pellentesque adipiscing ligula quis arcu pellentesque et consectetur nisi iaculis. Pellentesque lacinia enim vitae ligula dignissim at tristique risus fermentum. In accumsan lacus a orci lacinia porta.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ut risus non elit viverra eleifend quis non nisl. Duis lorem eros, ultrices vel vulputate vitae, ullamcorper non neque. Curabitur at turpis quis metus aliquam fermentum. Suspendisse viverra libero ac nisl venenatis congue. Vestibulum fermentum gravida purus ut fermentum. Quisque at ornare nisl. Donec vitae sapien sapien. Etiam posuere, mi quis aliquam vestibulum, lorem mauris rutrum justo, feugiat posuere orci leo vel nulla. Pellentesque adipiscing ligula quis arcu pellentesque et consectetur nisi iaculis. Pellentesque lacinia enim vitae ligula dignissim at tristique risus fermentum. In accumsan lacus a orci lacinia porta.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ut risus non elit viverra eleifend quis non nisl. Duis lorem eros, ultrices vel vulputate vitae, ullamcorper non neque. Curabitur at turpis quis metus aliquam fermentum. Suspendisse viverra libero ac nisl venenatis congue. Vestibulum fermentum gravida purus ut fermentum. Quisque at ornare nisl. Donec vitae sapien sapien. Etiam posuere, mi quis aliquam vestibulum, lorem mauris rutrum justo, feugiat posuere orci leo vel nulla. Pellentesque adipiscing ligula quis arcu pellentesque et consectetur nisi iaculis. Pellentesque lacinia enim vitae ligula dignissim at tristique risus fermentum. In accumsan lacus a orci lacinia porta.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ut risus non elit viverra eleifend quis non nisl. Duis lorem eros, ultrices vel vulputate vitae, ullamcorper non neque. Curabitur at turpis quis metus aliquam fermentum. Suspendisse viverra libero ac nisl venenatis congue. Vestibulum fermentum gravida purus ut fermentum. Quisque at ornare nisl. Donec vitae sapien sapien. Etiam posuere, mi quis aliquam vestibulum, lorem mauris rutrum justo, feugiat posuere orci leo vel nulla. Pellentesque adipiscing ligula quis arcu pellentesque et consectetur nisi iaculis. Pellentesque lacinia enim vitae ligula dignissim at tristique risus fermentum. In accumsan lacus a orci lacinia porta.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ut risus non elit viverra eleifend quis non nisl. Duis lorem eros, ultrices vel vulputate vitae, ullamcorper non neque. Curabitur at turpis quis metus aliquam fermentum. Suspendisse viverra libero ac nisl venenatis congue. Vestibulum fermentum gravida purus ut fermentum. Quisque at ornare nisl. Donec vitae sapien sapien. Etiam posuere, mi quis aliquam vestibulum, lorem mauris rutrum justo, feugiat posuere orci leo vel nulla. Pellentesque adipiscing ligula quis arcu pellentesque et consectetur nisi iaculis. Pellentesque lacinia enim vitae ligula dignissim at tristique risus fermentum. In accumsan lacus a orci lacinia porta.

Note Names and Frequencies:

Pick/Strum:    

MIDI Notes:  



Instructions

Virtual Fretboard

The "answers" to Music Theory questions are rendered as dots on the Virtual Fretboard. The dots represent locations on the fretboard for a given note (i.e. where to put your finger on fretboard). This is an interactive tool, so go ahead and experiment, and ask Music Theory questions (use the web forms). You might learn a few things about notes, intervals, scales or chords and get a better understanding of the guitar fretboard.

Under the fretboard there is a button titled "Clear Fretboard" which allows you to clear previously painted dots. There is also an Auto Clear Notes option (yes/no). When Auto Clear Notes is "yes" (default setting), it means that each time you click web form button (i.e. "View Notes") it will clear out the previously painted dots from the virtual fretboard. If you set Auto Clear Notes to "no", it allows you retain the existing dots (note locations) and add more dots with the next question / answer from the web service. You can use Auto Clear Notes set to "no" along with Color selection. That means you can dots of different colors on the fretboard. For example, you might want to have a "root note" (of scale or chord) in one color, and the other note dots in a different color.

Note: The layout of the Display Options and Virtual Fretboard, lesson text, etc. may change eventually, as I would like to make the online lesson webpages "responsive" to different screen widths (PC monitor, laptop screen, smart phones or tablet computers). But the types of Display Options and what they mean and how they work will still remain the same.

Display Options

You can use the Display Options to explore the fretboard view, and change how results are displayed:

The Tuning select list allows you to choose standard tuning (default) and alternative / open tunings.

You can also use the Notes select list to specify note occurrences on the fretboard, such as lowest position occurrence, highest position occurrence, ALL occurrences, 1st, 2nd, 3rd and 4th occurrences of the virtual fretboard.

You can also choose to Include Open Notes (default is yes), or allow specific Allow String Selection (default is all 6 strings).

You can specify fret / hand Position (where your first finger or index finger is positioned on the fretboard). You can also specify the Width, or how many frets to utilize for note display, starting from the selected Position.

You can change the Color of the dots appearing on the fretboard (i.e. cyan, green, blue, etc). The Color selection also includes an option called "ebony+ivory" (like piano keys), which will display white dots for natural notes and black dots for sharp and flat notes.

The Hand Preference option allows you to specify right or left hand. The Guitar Perspective option lets you view the virtual fretboard as if your guitar was in your lap, or if you were facing another guitar player.

Audio Help

Note: For MIDI audio capability, this page requires a Jazz-Soft.net Jazz-Plugin.  Here is the download link.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ut risus non elit viverra eleifend quis non nisl. Duis lorem eros, ultrices vel vulputate vitae, ullamcorper non neque. Curabitur at turpis quis metus aliquam fermentum. Suspendisse viverra libero ac nisl venenatis congue. Vestibulum fermentum gravida purus ut fermentum. Quisque at ornare nisl. Donec vitae sapien sapien. Etiam posuere, mi quis aliquam vestibulum, lorem mauris rutrum justo, feugiat posuere orci leo vel nulla. Pellentesque adipiscing ligula quis arcu pellentesque et consectetur nisi iaculis. Pellentesque lacinia enim vitae ligula dignissim at tristique risus fermentum. In accumsan lacus a orci lacinia porta.

Lessons Index

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ut risus non elit viverra eleifend quis non nisl. Duis lorem eros, ultrices vel vulputate vitae, ullamcorper non neque. Curabitur at turpis quis metus aliquam fermentum. Suspendisse viverra libero ac nisl venenatis congue. Vestibulum fermentum gravida purus ut fermentum. Quisque at ornare nisl. Donec vitae sapien sapien. Etiam posuere, mi quis aliquam vestibulum, lorem mauris rutrum justo, feugiat posuere orci leo vel nulla. Pellentesque adipiscing ligula quis arcu pellentesque et consectetur nisi iaculis. Pellentesque lacinia enim vitae ligula dignissim at tristique risus fermentum. In accumsan lacus a orci lacinia porta.

Web Links

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ut risus non elit viverra eleifend quis non nisl. Duis lorem eros, ultrices vel vulputate vitae, ullamcorper non neque. Curabitur at turpis quis metus aliquam fermentum. Suspendisse viverra libero ac nisl venenatis congue. Vestibulum fermentum gravida purus ut fermentum. Quisque at ornare nisl. Donec vitae sapien sapien. Etiam posuere, mi quis aliquam vestibulum, lorem mauris rutrum justo, feugiat posuere orci leo vel nulla. Pellentesque adipiscing ligula quis arcu pellentesque et consectetur nisi iaculis. Pellentesque lacinia enim vitae ligula dignissim at tristique risus fermentum. In accumsan lacus a orci lacinia porta.