Giter Site home page Giter Site logo

chamodw / chords-transposer Goto Github PK

View Code? Open in Web Editor NEW

This project forked from open-sl/chords-transposer

0.0 1.0 0.0 7 KB

Chords Transposer and raw string parse into chords and lyrics

Home Page: https://open-sl.github.io/Chords-Transposer/

License: MIT License

JavaScript 53.27% HTML 40.57% CSS 6.16%

chords-transposer's Introduction

Chords Transposer

Easily transpose chords from a one scale to another scale

using chords.js file you can parse a raw text into chords and song lines, transpose song from this scale to given scale or from a required numbers of semitones.

use

<script src="lib/chords.js"></script>

to add chords.js file into html page

Exposed Functions

  shiftScale(src, from, to);
  shiftScaleBy(src, val);
  parse(src);

Examples

function shift(src_id, dst_id, from, to) {
    val = 0;
    var src = document.getElementById(src_id);
    var dst = document.getElementById(dst_id);
    dst.innerHTML = chords.shiftScale(src, from, to); //returns a string
}

function shiftPlus(src_id, dst_id) {
    val += 1;
    var src = document.getElementById(src_id);
    var dst = document.getElementById(dst_id);
    dst.innerHTML = chords.shiftScaleBy(src, val); //returns a string
}

function shiftMinus(src_id, dst_id) {
    val -= 1;
    var src = document.getElementById(src_id);
    var dst = document.getElementById(dst_id);
    dst.innerHTML = chords.shiftScaleBy(src, val); //returns a string
}

function parse(src_id, dst_id) {
    val = 0;
    var src = document.getElementById(src_id);
    var dst = document.getElementById(dst_id);
    dst.innerHTML = chords.parse(src); //returns a string
}

Contributions are welcome for,

  • Transpose scale from one to another
  • Fix Problem with flat and sharp signs
  • Function to go transpose up and down in scales
  • Fix parsing error in more complex strings (strings with | and - signs)

chords-transposer's People

Contributors

nadunindunil avatar chamodw avatar

Watchers

 avatar

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.