HTML5 and JavaScript Guitar Chords Finder and Player

by WeMakeSites.NET

GuitarChords.JS BETA

HTML5 and JavaScript Guitar Chords Finder and Player
Launch component demos

GuitarChords.JS is the result of a fun experiment with CSS3, HTML5 and JavaScript that eventually went crazy with the ability to play the selected chord (no Flash, but real HTML5 audio), chord inversions and types and cool real-life stompbox interface with customizable LED display, knobs, buttons and large play button.

And this is just the Beta release! Even more to come in the official release soon.

BETA Release Features
  • Ability to play the current chord from small external .mp3 or .ogg sounds (no Flash, but real HTML5 audio) depending on the browser support.
  • Cool and friendly stompbox-like interface with LED display, knobs and large play button.
  • Chord data is stored in easy to understand json file(s) that can be easily edited.
  • User-defined chords data files.
  • User-defined chord types.
  • Any chord can be added and played.
  • Sounds are loaded on demand.
  • Incredibly small footprint.
  • Ability to display 3 inversions for each chord.
  • Customizable backlit color of the LED display.
  • Fully localizable.
  • Easy to install, setup and use on any standards-compliant website.
  • Fully AJAX driven.
Planned Features for the Official Release
  • Support for multiple chord data files that can be changed on the fly.
  • Add more chords and inversions.
  • Add flat and sharp variants of the current chord.
  • All sounds will be embedded as base64-encoded data in a cacheable json file.
  • Convenient tuner.
  • Volume control.
  • Continuous chord playing.
  • Highlighting of the currently played note.
  • UI improvements.
  • Export of the current chord in text format.
Requirements
  • Web server
  • Standards-compliant (XHTML1.0, XHTML1.1, HTML5) or Skinny DTD public page
Supported Browsers
  • Internet Explorer 9
  • Internet Explorer 10
  • Mozilla FireFox
  • Apple Safari
  • Google Chrome
  • Opera
Screenshots
Licensing and Pricing Info
Single Website

A component purchased with this license is delivered with the full functionality and complete set of skins and can be used on 1-3 websites.

Price: $0
Multiple Websites

The multiple website license allows the use of the component on an unrestricted number of websites, and is delivered with the full functionality and complete set of skins.

Price: $0
Multiple Websites and Source Code

The developer license includes the source code, full functionality and set of skins. The component can be used on multiple websites. Obfuscation before uploading on a live site is required.

Price: $0
See What is Trending Now on Acid.JS