Tag: lyrics

  • JQuery Lyrics Displayer (Media)

    JQuery Lyrics Displayer

    JQuery script, a responsive Bootstrap 4 template and audio player for displaying lyrics on a web page in karaoke style, simple (by lines) and enhanced (by syllables).

    Converter for LRC to JQuery lyrics format is provided.

    Tested on all major browsers and platforms, desktop and mobile. To provide full compatibility, linked audio files should be in MP3, OGG and AAC formats.

    Enhanced LRC example:

    [00:03.87]This <00:04.36>can <00:04.66>be <00:05.02>a <00:05.31>song <00:05.82>ly<00:06.29>rics,<00:06.74>

    Converted Enhanced JQuery Lyrics example:

    ["This ", 490],["can ", 300],["be ", 360],["a ", 290],["song ", 510],["ly", 470],["rics,", 450],

    Simple LRC example:

    [00:03.87]This can be a song lyrics,[00:04.13]

    Converted Simple JQuery Lyrics example:

    ["This can be a song lyrics,", 260],

    If you stuck on even more simple LRC format, without ending marks:

    [00:03.87]This can be a song lyrics,

    use Karaoke Lyrics Editor (https://sourceforge.net/projects/karlyriceditor/) to edit/add end timing marks.

    To create your own LRC lyrics, use online LRC maker: http://stage.elsdoerfer.com/elrcmaker/

    Credits:

    Bootstrap 4 – https://v4-alpha.getbootstrap.com/

    Fancy sidebar for Bootstrap – http://bootsnipp.com/snippets/featured/fancy-sidebar-navigation

    JQuery Karaoke text effect: – http://jsfiddle.net/bPGZT/

    Provided audio is created and copyrighted by me.

    Additional info and support available.

  • Keymaster Chord Notation (Miscellaneous)

    Keymaster Chord Notation (Miscellaneous)

    Easily add chords to any musical WordPress website using shortcodes! Users can transpose to any key with the click of a button and print. Admins can choose multiple layout options and from unlimited colors using LESS and Bootstrap CSS. Add chords without needing to write on two lines in an ugly mono-spaced font with the auto-placement feature.

    Make your lyrics website more user-friendly and make writing easier, with better styling control than the old text-document look.

    Setup:

    This plugin will work without additional setup, but there are several options on the Keymaster Chord Notation page under the Settings menu.

    Use:

    To add chords to any song lyrics, just use the [chord] shortcode before any syllable you would like a chord notation to be placed above. For example, instead of writing like this:

        Key of C
    
        G7           C    Fsus       C
        This is my story, this is my song
            

    You would write like this:

        [key c]
    
        [chord g 7]This is my [chord c]story, [chord f sus] this is my [chord c] song
    
            

    Which will enable you to customize the way it looks to the users, allow the users to transpose at the click of a button and allow them to print it easily. By default it would look like this:

    And when users click to transpose up a few times it would look like this: