Featured Products
- Home
- JavaScript Scripts
- JQuery Lyrics Displayer
JQuery Lyrics Displayer
By : valkanela Published on Sunday, November 13, 2016,19:57:13 in JavaScript Scripts
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). Provided converter for LRC to JQuery lyrics format. 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: https://stage.elsdoerfer.com/elrcmaker/ Credits: Bootstrap 4 â https://v4-alpha.getbootstrap.com/ Fancy sidebar for Bootstrap â https://bootsnipp.com/snippets/featured/fancy-sidebar-navigation JQuery Karaoke text effect: â https://jsfiddle.net/bPGZT/ Provided audio is created and copyrighted by me, please donât use it in public without permission. Additional info and support available.