search

JDatPNW / MyDramalistStreamFinder

Finds video streams from mydramalist.com
MIT License
5 stars 1 forks source link

readme

MyDramalistStreamFinder

Links dynamically to Netflix, Amazon Prime, Kokowa, YouTube and Viki straight from the MDL drama page.

Installation

You can now Download the Extension from the Chrome Webstore for free.

Usage

On MDL you should now see another button now that is labeled "Stream Drama". (Depending on your PC, this could take a second, since it will only appear once the page is fully loaded.) screenshot

This will open a drop down menu that shows you the sites where you can search for the show. (It searches for the show even if it does not exist)

screenshot

Once you click on the site you want a new tab will open that will search for that show on that site. Again, it will also search for the show if it does not exist. It does save time by making it all just one click.

Adding your own Sites

Adding your own sites
  1. After Line 74 add an additional line as such: ```javascript innerHTML += "
"; ``` If that is the case then you positioned it correctly
  • Next you should create a copy of the code block that looks like this: ```javascript var YourPage_Link = document.getElementById('YourPage_Dropdown'); YourPage.addEventListener('click', function() { openStreamTabs("Select_YourPage"); }); ``` Make sure that YourPage_Dropdown is spelled exactly the same way as it was in step 1. Also, Select_YourPage is a function name, so it should also be spelled exactly the same way later on, so pay atetntion here. Position your code block after the last one of the same logic (in the original file that would be right after line 105. Right after the YouYube block.
  • Now you need to figure out the logic and the syntax of the websites search funtion. This is not as difficult as it sounds. Let's look at how Viki does that: To do that I will go to Viki and just do a test search. I will search for "TEST DRAMA" on Viki and look at the URL that is created by that. ```javascript https://www.viki.com/search?q=TEST%20SHOW ``` This tells us that the URL will always begin with https://www.viki.com/search?q= followed by our test string, where spaces are replaced with %20. Let us pretend here that our URL for our new site looks like this: ```javascript https://www.yourpage.com/search?q=TEST-SHOW ``` The URL begins with https://www.yourpage.com/search?q= and seperates the terms with "-". So after line 15 in the original we will add our own new variable. ```javascript var YourPage_URL = "https://www.yourpage.com/search?q="; ``` You can tell that we only included the string up until our search term would start. YourPage_URL is a new variable, so make sure to type it the same way every time!
  • Now after line 22 of the original file we will add on top of our just created variable. The logic already exists so it is easy. Just do it like this: ```javascript YourPage_URL = YourPage_URL + partsArray[i] + "-"; ``` Make sure YourPage_URL is spelled the same way as above and also make sure that you use the right seperator. In our example that was -, so we put that in between the " " at the end of the line!
  • Since I wrote this code for fun it is not perfect, the next bit is proof of that. The logic we just added ads the seperator after every word, also after the last one. Of course the last word should not have that added, so we need to subtract that again. So just add ```javascript YourPage_URL = YourPage_URL.substring(0, YourPage_URL.length - 1); ``` after line 25 of the original file. Here, again, make sure you spell the variable name correctly and where here it says 1 just count the number of characters of the seperator. Here it was just - so it is just one. For Viki it would have been 3 for example. Here there is another possibility. If the Page that you are trying to add adds more to the URL after the search term you also need to add that here. Let us assume the URT was actually this: ```javascript https://www.yourpage.com/search?q=TEST-SHOW?more_from_the_page ``` We can see that after our seasrch term there is this argument: ?more_from_the_page. We need to add this as well. Do this as such: Create a variable right after the one we created in the previous step and call it by a new name: ```javascript var YourPage_PostFix = "more_from_the_page"; ``` then we will add more code in the line right after the ine we created when we did this: ```javascript YourPage_URL = YourPage_URL.substring(0, YourPage_URL.length - 1); ``` The code we will add is simple: ```javascript YourPage_URL = YourPage_URL + YourPage_PostFix; ```
  • Lastly, we need to add the functionality that will open the page. To do so we need to add code right after line 41 in the original. ```javascript if (Selection == "Select_YourPage") openInNewTab(YourPage_URL); ``` Again, make sure that both variables are written correctly! This should do it, your code should now look something like this:
    • ```javascript function openInNewTab(url) { var win = window.open(url, '_blank'); win.focus(); } function openStreamTabs(Selection){ var name = document.getElementsByClassName("film-title")[0].textContent; var partsArray = name.split(' '); var VK_URL = "https://www.viki.com/search?q="; var NF_URL = "https://www.netflix.com/search?q="; var AP_URL = "https://www.amazon.com/s?k="; var AP_PostFix = "&i=prime-instant-video&ref=nb_sb_noss_2"; var KK_URL = "https://www.kocowa.com/en_us/search/"; var YT_URL = "https://www.youtube.com/results?search_query="; var YourPage_URL = "https://www.yourpage.com/search?q="; var YourPage_PostFix = "more_from_the_page"; for (var i = 0; i < partsArray.length - 1; i++){ VK_URL = VK_URL + partsArray[i] + "%20"; NF_URL = NF_URL + partsArray[i] + "%20"; AP_URL = AP_URL + partsArray[i] + "+"; KK_URL = KK_URL + partsArray[i] + "%20"; YT_URL = YT_URL + partsArray[i] + "+"; YourPage_URL = YourPage_URL + partsArray[i] + "-"; } VK_URL = VK_URL.substring(0, VK_URL.length - 3); NF_URL = NF_URL.substring(0, NF_URL.length - 3); AP_URL = AP_URL.substring(0, AP_URL.length - 1); AP_URL = AP_URL + AP_PostFix; KK_URL = KK_URL.substring(0, KK_URL.length - 3); YT_URL = YT_URL.substring(0, YT_URL.length - 1); YourPage_URL = YourPage_URL.substring(0, YourPage_URL.length - 1); YourPage_URL = YourPage_URL + YourPage_PostFix; if (Selection == "Select_VK") openInNewTab(VK_URL); if (Selection == "Select_NF") openInNewTab(NF_URL); if (Selection == "Select_AP") openInNewTab(AP_URL); if (Selection == "Select_KK") openInNewTab(KK_URL); if (Selection == "Select_YT") openInNewTab(YT_URL); if (Selection == "Select_YourPage") openInNewTab(YourPage_URL); } function createElement( str ) { var frag = document.createDocumentFragment(); var elem = document.createElement('div'); elem.innerHTML = str; while (elem.childNodes[0]) { frag.appendChild(elem.childNodes[0]); } return frag; } window.addEventListener("load", function load(event) { window.removeEventListener("load", load, false); // Remove Listener, not needed anymore var Regex = /https:\/\/mydramalist.com\/[0-9]+[^\/]*$/; if (Regex.test(window.location.href)){ //Regex check var elements = document.getElementsByClassName("film-cover"); if(elements.length == 0){ return; } var innerHTML = "
    "; innerHTML += " "; innerHTML += " "; innerHTML += "
    "; innerHTML += "
    "; innerHTML += " "; innerHTML += "
    "; elements[0].insertBefore(createElement(innerHTML), elements[0].childNodes[elements[0].childNodes.length - 2]); //elements[0].appendChild(createElement(innerHTML)); var VK_Link = document.getElementById('VK_Dropdown'); VK_Link.addEventListener('click', function() { openStreamTabs("Select_VK"); }); var NF_Link = document.getElementById('NF_Dropdown'); NF_Link.addEventListener('click', function() { openStreamTabs("Select_NF"); }); var AP_Link = document.getElementById('AP_Dropdown'); AP_Link.addEventListener('click', function() { openStreamTabs("Select_AP"); }); var KK_Link = document.getElementById('KK_Dropdown'); KK_Link.addEventListener('click', function() { openStreamTabs("Select_KK"); }); var YT_Link = document.getElementById('YT_Dropdown'); YT_Link.addEventListener('click', function() { openStreamTabs("Select_YT"); }); var YourPage_Link = document.getElementById('YourPage_Dropdown'); YourPage_Link.addEventListener('click', function() { openStreamTabs("Select_YourPage"); }); }; }, false); ```