Discussion on YouTube Lyrics | Userscripts.org

Youtube Lyrics Feedbacks, replied by mr.wentworth

mr.wentworth — Fri, 13 Nov 2009 08:45:51 +0000

Hi Aquilax,

Whenever a page loads, the lyrics box looks like this:
http://img188.imageshack.us/img188/6458/greenda...

It's not collasped by default, and no lyrics shows.

Are there any quick remedies to either make the lyrics box appear collapsed by default,
or have the box with lyrics showing in the box by default?

Thanks a lot! Great script, it has made my youtube experience much more enjoyable

how do I add another lyrics site?, replied by Piotr Zierhoffer

Piotr Zierhoffer — Thu, 05 Nov 2009 21:00:09 +0000

Wow, this post is quite impressive. I was just about to ask for lyrics.wikia update, but maybe I'd try it myself, it shouldn't be hard to parse (lyrics encoding in the source is gross, but it shouldn't be a problem).

Thanks!

Please make one for Grooveshark.com, replied by mugnatto

mugnatto — Thu, 29 Oct 2009 16:18:19 +0000

I need it! :-P

Not Working (Youtube update), replied by Willy Barro

Willy Barro — Sun, 18 Oct 2009 05:40:25 +0000

The script is not working, I think youtube has made some changes to the HTML that broken the script.

Youtube Lyrics Feedbacks, replied by YoutubeLyricsAutoReporter

YoutubeLyricsAutoReporter — Thu, 20 Aug 2009 17:37:00 +0000

Pagina originale Cercare su Youtube Mandare Errore

PAUL ANKA - DIANA
Η γυναίκα είναι ο καλύτερος φίλος του ανθρώπου
Και ήμουν κλαίνε τη νύχτα για την αγάπη
Μωρό μου, προς το τέλος rainbows
Θα εκτελεστεί για το γλυκό, γλυκό stuff
Ω, τη μία δίπλα στην άλλη
Θα δώσουμε όλες μου αγάπη και συναισθήματα

Μην χάσετε τον αριθμό μου, το κορίτσι
Είμαι ειδική για
Μην χάσετε τον αριθμό μου, το κορίτσι
Είμαι ειδική για

Να μη, δεν θα χάσουν τον αριθμό μου
Είμαι σε αναμονή για σας
Να μη, δεν θα χάσουν τον αριθμό μου
Είμαι προσόντα για την αγάπη

Τα διαμάντια είναι για πάντα κορίτσι
Αποθηκεύστε τους για μια βροχερή μέρα
Θέλω μόνο να σας κόσμο
Δεν υπάρχει τίποτα δικό μου να πω
Ω, απόψεις
Θα δώσουμε όλες μου αγάπη και αφοσίωση

Μην χάσετε τον αριθμό μου, το κορίτσι
Είμαι ειδική για
Μην χάσετε τον αριθμό μου, το κορίτσι
Είμαι ειδική για

Να μη, δεν θα χάσουν τον αριθμό μου
Είμαι σε αναμονή για σας
Να μη, δεν θα χάσουν τον αριθμό μου

Not displaying correctly, replied by Shaunkii

Shaunkii — Thu, 13 Aug 2009 04:54:10 +0000

YouTube apparently made a few changes to its code today, so the lyrics panel is now expanded by default and the text color/size changed. I think they changed the class names...

Not working, replied by Swarnava/Heaven GOD

Swarnava/Heaven GOD — Mon, 10 Aug 2009 04:40:03 +0000

Accha U hav gtalk/yahoo or orkut id..plz gimme..i shal need bit talked with u

Not working, replied by Aquilax

Aquilax — Thu, 06 Aug 2009 06:24:05 +0000

@Swarnava

http://userscripts.org/topics/30318#posts-144142

Not working, replied by Swarnava/Heaven GOD

Swarnava/Heaven GOD — Tue, 04 Aug 2009 10:35:00 +0000

accha can u temme..if i punch both script..its not working

Not working, replied by Nikolayevich

Nikolayevich — Mon, 03 Aug 2009 23:26:17 +0000

My YL is working back again, many thanks Aquilax !

how do I add another lyrics site?, replied by Aquilax

Aquilax — Mon, 03 Aug 2009 19:48:06 +0000

Animelyrics is not really good site to extract lyrics because of their html layout and other details, but if you want you can try. You will need to open Youtube Lyrics option panel and scroll down to the lyrics site definitions and choose to edit them. Scroll at the end of the text box and add a new "lyric site definition":

Change this:

{id:12,
 name:"lyricsbay.com",
 ...
 parseLyricsRegexp:"<div id=EchoTopic>\\s+((?:.|\\s)*?)<\\/div>"}]}]

to (pay attention to the final square bracket! you must insert the new definition before it, exactly between the last curly bracket and the last square bracket and add a comma)

{id:12,
 name:"lyricsbay.com",
 ...
 parseLyricsRegexp:"<div id=EchoTopic>\\s+((?:.|\\s)*?)<\\/div>"}]},
{id:99,
 name:"animelyrics.com",
 enabled:true,
 searchEncoding:"",
 searchUrl:"",
 parseListRegexp:"",
 lyricsUrl:"",
 lyricsEncoding:"",
  parseLyrics:[]}]

Press the apply or ok button, if you have added it correctly you will receive no errors otherwise an alert popup will show the javascript error message.

Otherwise now animelyrics is a valid lyrics site, but you have to activate it in the lyrics site drop down box. Look in configuration panel under "Lyrics Sites" and you will see at the end of the list the new lyrics site animelyrics, check the checkbox beside it. Now animelyrics will also appear in the lyrics sites drop down.

The first problem with animelyrics is that their search engine sucks or better is not friendly because it doesn't returns all the result in a single page but you have to follow their links. So first don't use their search engine and use google to search their pages. Lucky a lot of lyrics site definitions already uses google as search engine, so it's a matter of copy paste:

{id:99,
 name:"animelyrics.com",
 enabled:true,
 searchEncoding:"",
 searchUrl:"http://www.google.com/search?num=20&q=site%3Aanimelyrics.com+{0}",
 parseListRegexp:"",
 lyricsUrl:"",
 lyricsEncoding:"",
  parseLyrics:[]}]

Then you have to give the regular expression to extract the links from google search page. If you don't know what regular expressions are don't feel dumb, I estimate that over 90% of the programmers don't know them. In few words regular expression are search patterns to retrieve information inside a text. So you make a request to google and you receive back a nice html text, which you have to parse with the help of regular expressions.

Go to google web search page and type in the search field:".hack site:animelyrics.com". You will see that some of the results aren't lyrics pages, all the lyrics pages end with ".htm", good you can refine your search on google with:".hack site:animelyrics.com link:.htm". Now you receive only lyrics pages. From the whole page you need only the links to animelyrics, here the regexp (regular expression) to extract them:

"<a[^>]*?href=\"(http://www\\.animelyrics\\.com/[^\"]*?)\"[^>]*?>(.*?)</a>"

The regexp has two captures, round brackets, the first one is the link the second one is the text inside the link. Now animelyrics titles all their pages with "Anime Lyrics dot Com - bla bla bla", the first part is completely useless and you can remove it as follow:

"<a[^>]*?href=\"(http://www\\.animelyrics\\.com/[^\"]*?)\"[^>]*?>[^-]*?-\\s*(.*?)</a>"

Which skips all the chars until the first dash. So your lyrics site definitions will became:

{id:99,
 name:"animelyrics.com",
 enabled:true,
 searchEncoding:"",
 searchUrl:"http://www.google.com/search?num=20&q=site%3Aanimelyrics.com+link%3A.htm+{0}",
 parseListRegexp:"<a[^>]*?href=\"(http://www\\.animelyrics\\.com/[^\"]*?)\"[^>]*?>[^-]*?-\\s*(.*?)</a>",
 lyricsUrl:"",
 lyricsEncoding:"",
  parseLyrics:[]}]

You don't need any searchEncoding because google is sending it correctly and you don't need any lyricsUrl because the extracted links contain already the domain.

Now you need the regexp to parse the lyrics, which sometimes are placed inside a html pre tag but when there is a translation their are placed inside a html table which make the whole more complicated.

For the first case is simple. To parse the lyrics pages you need two regexps, one for the title and the second for the lyrics. Normally you can get the title from the html title tag and as already said the lyrics are inside an html pre tag with css class lyrics.

{
 parseTitleRegexp:"<title>[^-]*?- ([\\s\\S]*?)</title>",
 parseLyricsRegexp:"<pre class=lyrics>([\\s\\S]*?)</pr[e]>"
}

(The </pr[e]> tag should be </pre>, but there are some conflicts with the forum and I can't post it as </pre>, but theoretically it should also works with the </pr[e]>)

Now add this to the lyrics side definition and you should have the following result:

{id:99,
 name:"animelyrics.com",
 enabled:true,
 searchEncoding:"",
 searchUrl:"http://www.google.com/search?num=20&q=site%3Aanimelyrics.com+link%3A.htm+{0}",
 parseListRegexp:"<a[^>]*?href=\"(http://www\\.animelyrics\\.com/[^\"]*?)\"[^>]*?>[^-]*?-\\s*(.*?)</a>",
 lyricsUrl:"",
 lyricsEncoding:"",
  parseLyrics:[{parseTitleRegexp:"<title>[^-]*?- ([\\s\\S]*?)</title>",
  parseLyricsRegexp:"<pre class=lyrics>([\\s\\S]*?)</pr[e]>"}]}]

But sometimes they use a table with two columns to show the translation, what is really bad to parse, at least if you want to extract only the text without any html formating tag.

If you don't care to have html formating tags you can extract the whole table as follow:

{parseTitleRegexp:"<title>[^-]*?- ([\\s\\S]*?)</title>",
 parseLyricsRegexp:"<table border=0 cellspacing=0>[\\s\\S]*?</table>"}

At the end you will have the following lyrics site definition:

{id:99,
 name:"animelyrics.com",
 enabled:true,
 searchEncoding:"",
 searchUrl:"http://www.google.com/search?num=20&q=site%3Aanimelyrics.com+link%3A.htm+{0}",
 parseListRegexp:"<a[^>]*?href=\"(http://www\\.animelyrics\\.com/[^\"]*?)\"[^>]*?>[^-]*?-\\s*(.*?)</a>",
 lyricsUrl:"",
 lyricsEncoding:"",
  parseLyrics:[{parseTitleRegexp:"<title>[^-]*?- ([\\s\\S]*?)</title>",
 parseLyricsRegexp:"<table border=0 cellspacing=0>[\\s\\S]*?</table>"}, {parseTitleRegexp:"<title>[^-]*?- ([\\s\\S]*?)</title>",
  parseLyricsRegexp:"<pre class=lyrics>([\\s\\S]*?)</pr[e]>"}]}]

how do I add another lyrics site?, replied by Raisu

Raisu — Sat, 01 Aug 2009 12:50:32 +0000

I still dont get it. I never wrote anything in java so can anybody give me an explanation for noobies? With animelyrics.com as example please ^^.

Edit: Thank you a lot for this useful tutorial. Keep up the good work.

Not working, replied by Aquilax

Aquilax — Sat, 01 Aug 2009 09:22:46 +0000

I've installed youtube enhancer and youtube lyrics works without problem. Try to disable all other scripts and to invert the execution order to find with script is causing the problem.

Not working, replied by Swarnava/Heaven GOD

Swarnava/Heaven GOD — Sat, 01 Aug 2009 08:54:51 +0000

i am using youtube enhancer ..but not work both..

Not working, replied by Aquilax

Aquilax — Fri, 31 Jul 2009 20:19:55 +0000

@Swarnava

Yuotube lyrics need only two things on yotube, the title and the sidebar. If you have a script which removes one of them it would not work.

Not working, replied by Swarnava/Heaven GOD

Swarnava/Heaven GOD — Thu, 30 Jul 2009 17:39:27 +0000

Help plzz

not working when oder youtube script install. :(

how do I add another lyrics site?, replied by Aquilax

Aquilax — Mon, 27 Jul 2009 16:26:11 +0000

All the informations to extract the lyrics from a site are saved in a javascript object. You can see the whole collection of all the sites here:
http://userscripts.org/scripts/show/34831

{id:0, //Identifier of the site, it's an incremental integer
 name:"lyricwiki.org", //the name of the site, displayed for example in the dropdown
 enabled:true, //if this site is enabled
 searchEncoding:"", //specify an encoding for the xmlhttprequest for the search page, for example utf-8
 searchUrl:"http://www.google.com/search?num=20&q=site%3Alyricwiki.org+{0}", //the url of the search page, the {0} will be replaced with the terms to search
 parseListRegexp:"<a.*?href=\"(http://lyricwiki\\.org/[^/?]*?:[^/]*?)\".*?>(.*?)(?: - lyrics from.*?)?</a>", //the regular expression to extract the links and their text from the search page
 lyricsUrl:"", //If needed will be added a prefix to the extracted links
 lyricsEncoding:"", //Specify an encoding for the xmlhttprequest for the lyrics page
 parseLyrics:[{ //an array of regular expression pairs 
 parseTitleRegexp:"<title>(.*?) - Lyrics from LyricWiki</title>", //the regular expression to extract the title
 parseLyricsRegexp:"<div class='lyricbox' >((?:.|\\s)*?)<p>" //the regual expression to extract the lyrics
}]}

how do I add another lyrics site?, replied by hillel

hillel — Mon, 27 Jul 2009 08:38:41 +0000

Hi,

I want to add the Hebrew lyrics site Shiron.net to the script. Can someoe tell me how to do it?

Not working, replied by Aquilax

Aquilax — Sat, 25 Jul 2009 15:27:11 +0000

@ Nikolayevich

Thanks, I will take a look at it tomorrow.

Not working, replied by Nikolayevich

Nikolayevich — Wed, 22 Jul 2009 20:30:48 +0000

Hi Aquilax,

YL all of the sudden stopped working for me too

* 1st: add the location/link/url where this script should work but it doesn't: I used YL with these 2 videos last week,

but know the box doesnt show up:

http://www.youtube.com/watch?v=GvTkHM4g83Q

http://www.youtube.com/watch?v=-RgOm_WJKpE

************************************

* 2nd: describe what should happen but it doesn't: The YL doesn't appear at all under any circumstance. **********************************

* 3rd: look in the error console for more informations: Menu-->Tools-->Error Console-->Errors

I found this error refereing YL (i think), it says: node1.href.match(/c=(\d+)/i) is null

Line: 180

here it is all *******************************************

// ==UserScript== // @name YouTube Lyrics // @namespace http://userscripts.org/users/28612 // @version 3.03.01 // @changes Added an option to display the "Youtube Lyrics - show" user command,Fixed the video group detection,Minor bugs fixed // @description Adds a lyrics box to the YouTube sidebar under the video informations box. It can search in twelve different lyrics sites and it shows also all the results in a drop down. // @include http://*youtube.com/watch?* // @require http://userscripts.org/scripts/version/33024/88... // @resource Library1Resources http://www.fileden.com/files/2008/9/2/2077873/J... // @resource Library1Resources_de http://www.fileden.com/files/2008/9/2/2077873/J... // @resource Library1Resources_es http://www.fileden.com/files/2008/9/2/2077873/J... // @resource Library1Resources_fr http://www.fileden.com/files/2008/9/2/2077873/J... // @resource Library1Resources_it http://www.fileden.com/files/2008/9/2/2077873/J... // @resource YoutubeLyricsResources http://www.fileden.com/files/2008/9/2/2077873/Y... // @resource YoutubeLyricsResources_de http://www.fileden.com/files/2008/9/2/2077873/Y... // @resource YoutubeLyricsResources_es http://www.fileden.com/files/2008/9/2/2077873/Y... // @resource YoutubeLyricsResources_fr http://www.fileden.com/files/2008/9/2/2077873/Y... // @resource YoutubeLyricsResources_it http://www.fileden.com/files/2008/9/2/2077873/Y... // @resource LyricsSitesDefinitions http://userscripts.org/scripts/source/34831.use... // ==/UserScript== var ScriptInfos={ id: 22569, name: "Youtube Lyrics", version: new Version("3.03.01"), language: "en", idPrefix: "YL" } var CM=null var RM=null; var SU=null; var DU=null; init(); function init() { CM=new ConfigurationManager(); RM=new ResoucesManager(); SU=new Updater(22569,"Youtube Lyrics","updater","//div[@id='YLLyricsPanel']"); DU=new Updater(34831,"Definitions","definitions","//div[@id='YLLyricsPanel']",installDefinitions); if (ScriptInfos.version.compareTo(CM.config.updater && CM.config.updater.version)==1) updateOptions(); ScriptInfos.language=CM.config.language; ScriptInfos.requestsCounter=0; $rmc("MenuOptions",[ScriptInfos.name],showOptionsPanel); var text1=getVideoCategory(); if (CM.config.showOnCategory==text1 || ($isa(CM.config.showOnCategory) && CM.config.showOnCategory.contains(text1))) initLyricsPanel(); else if (CM.config.addUserScriptCommandToShowLyricsPanel) $rmc("MenuShow",[ScriptInfos.name],initLyricsPanel); } function updateOptions() { var obj1={ language:"en", showSendFeedbackConfirm:"on", updater:{ lastCheckDate:new Date(), checkFrequency:1}, showOnCategory:"10", addUserScriptCommandToShowLyricsPanel:"on", showAlertOnSavePreferred:"on", showSearchTextBox:"on", showResultsDropDown:"on", showLinkOriginalPage:"on", showLinkSearchYoutube:"on", showLinkSendParsingError:"on", showSendParsingErrorConfirm:"on", preferredSite:"", activeSites:[], definitions:{ autoInstall:"on", lastCheckDate:new Date(), checkFrequency:1}, lyricsSitesDefinitions:[] }; $mo(obj1,CM.config); obj1.updater.vers

ion=ScriptInfos.version; var text1=GM_getResourceText("LyricsSitesDefinitions"); obj1.definitions.version=new Version(/version.*?((?:\.|\d)+)/gm.exec(text1)[1]); mergeLyricsSitesDefinitions(obj1,$t2o(text1)); setOptions(obj1); } function mergeLyricsSitesDefinitions(config,obj1) { var array1=new Array(); var obj2=config.lyricsSitesDefinitions; for(var num1=0;num1<obj1><obj2><cm><scriptinfos><array1><array2>
").replace(/\r/gmi,""); text3=text3.replace(/
/gmi,"
").replace(/
(?:\s*
)+/gmi,"
").replace(/^\s*(?:
\s*)+/gi,""); text1=RM.getText("LyricsParsingSuccessHTML",[ScriptInfos.idPrefix,text2,text3]); break; } } if (!text1) { flag1=true; text1=RM.getHTMLTexts("LyricsParsingError"); } } setLyricsDivContent(text1,false,CM.config.showSearchTextBox,CM.config.showResultsDropDown,CM.config.showLinkOriginalPage,CM.config.showLinkSearchYoutube,CM.config.showLinkSendParsingError && flag1); } function showOptionsPanel(reset) { var div1=addModalDiv(hideOptions); var div2=addOptionsPanel(reset); setFormValues($idp("OptionsForm"),CM.config); $idp("EditLyricsSitesDefinitions").disabled=false; with($idp("LyricsSitesDefinitions")) { readOnly=true; disabled=true; } div1.className=""; div2.className=""; ScriptInfos.optionsPanelVisible=true; } function addOptionsPanel(reset) { var div1=$idp("OptionsContainer"); if (div1 && reset) {div1.parentNode.removeChild(div1); div1=null;} if (div1==null) { addStyle("OptionsContainerStyle"); addNoPaddedListStyle(); var array1=new Array(); array1.push(RM.getHTMLTexts("OptionsGeneral",[ScriptInfos.idPrefix,,,,,,,,,,SU.homepageUrl])); array1.push(RM.getHTMLTexts("OptionsUpdater")); array1.push(RM.getHTMLTexts("OptionsDisplay")); array1.push(RM.getHTMLTexts("OptionsLyricsPanelContent")); array1.push(RM.getHTMLTexts("OptionsLyricsSites")); array1.push(RM.getHTMLTexts("OptionsLyricsSitesDefinitions")); div1=stringToHTML(RM.getHTMLTexts("OptionsContainer",[ScriptInfos.idPrefix,RM.getHTMLTexts("OptionsLeftSide",[ScriptInfos.idPrefix,ScriptInfos.name]),array1.join("\n")])); document.body.appendChild(div1); var li1=$idp("OptionsLyricsSites"); var ul1=li1.parentNode; ul1.removeChild(li1); for(var num1=0;num1<cm>

* 4th: list all the others running scripts: Right click on GreaseMonkey Icon in the lower right corner of Firefox

-Youtube buffer video

-Loopy youtube

* 5th: report also Firefox version and Greasemonkey version

GM version: 0.8.20090123.1

FF version: 3.5

Anything else you need to know please let me know j3fox@hotmail.com Thanks in advance

Youtube Lyrics Feedbacks, replied by mr.wentworth

mr.wentworth — Wed, 15 Jul 2009 07:58:22 +0000

thanks aquilax! the hack worked perfectly

Youtube Lyrics Feedbacks, replied by paradiddle

paradiddle — Fri, 10 Jul 2009 12:25:59 +0000

I had the same problem Nikolayevich had, and I fix it same way.
I'm using version 3.03.01 of the script :D

Not working, replied by Aquilax

Aquilax — Wed, 08 Jul 2009 20:17:52 +0000

Can you be a little bit more specific? For me it works.
Bugs report:
* 1st: add the location/link/url where this script should work but it doesn't
* 2nd: describe what should happen but it doesn't
* 3rd: look in the error console for more informations: Menu-->Tools-->Error Console-->Errors
* 4th: list all the others running scripts: Right click on GreaseMonkey Icon in the lower right corner of Firefox
* 5th: report also Firefox version and Greasemonkey version

Not working, replied by Swarnava/Heaven GOD

Swarnava/Heaven GOD — Tue, 07 Jul 2009 06:56:49 +0000

Not Working Now..Fix The problem PLz

Youtube Lyrics Feedbacks, replied by Aquilax

Aquilax — Mon, 06 Jul 2009 22:37:43 +0000

@mr.wentworth

Thanks, I will consider it as feature to add. In the meantime if you want you can hack the script and make the lyrics panel longer:
- Locate your Firefox profile
- Inside the folder gm_scripts/youtube_lyrics you should find the youtubelyrics.xml file, open it in an editor
- Almost at the beginning of the file you will find the following line:

<div id="{0}LyricsContentDiv" class="watch-body expand-content">

Add at the div the following attribute style="height:400px"
The result should be:

<div id="{0}LyricsContentDiv" class="watch-body expand-content" style="height:400px">

Save the file. Now the lyrics panel should be 400px height.