Greasy Fork is available in English.
This Script allows You to play Openings and Endings directly on AniList
当前为
// ==UserScript==
// @name Anime Songs - AniList Player
// @namespace Openings and Endings Player
// @version 1.2.8
// @description This Script allows You to play Openings and Endings directly on AniList
// @author NurarihyonMaou
// @match https://anilist.co/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=anilist.co
// @grant GM_xmlhttpRequest
// @grant GM_setValue
// @grant GM_getValue
// @require http://code.jquery.com/jquery-3.5.1.min.js
// ==/UserScript==
const $ = window.jQuery;
let result;
let openings, endings;
let url = "https://graphql.anilist.co";
let AnimeID;
let AniID = {};
function loadVideos(AnimeID) {
let Song = 0;
(function init() {
openings = document.getElementsByClassName("openings");
endings = document.getElementsByClassName("endings");
if (openings.length > 0 || endings.length > 0) {
GM_xmlhttpRequest({
method: "GET",
url:
"https://staging.animethemes.moe/api/anime?filter[has]=resources&filter[site]=MyAnimeList&filter[external_id]=" +
AnimeID +
"&include=animethemes.animethemeentries.videos,animethemes.song.artists",
data: AnimeID,
headers: { "Content-Type": "application/json" },
onload: function (response) {
result = JSON.parse(response.responseText);
openings = openings.length > 0 ? openings : endings;
if ($("body video#Player").length == 0) {
$(openings).append(
"<video style='display: none' id='Player' width='500px' height='300' src='' allowfullscreen controls autoplay/>"
);
}
let number = 0;
start_position: while (true) {
number++;
if (
$("div.openings, div.endings").children(".tag").html().length > 0
)
break;
else continue start_position;
}
$("body div.IMOE").remove();
for (Song; Song < result.anime[0].animethemes.length; Song++) {
let CurrSongMatch = false;
$("div.openings, div.endings")
.children(".tag")
.filter(function (x) {
let entriesCount = $("div.openings, div.endings").children(".tag").length;
let currSong = $(this);
if (
$(currSong)
.text()
.toLowerCase()
.split(" by ")[0]
.replace(/\(([^)]+)\)/, "")
.replace(/[“"”]+/g, "")
.replace(/\#\d*:/g, "")
.replace(/\d*\:/g, "")
.replace(/[^\w\s]/gi, " ")
.replace(/ /g, '')
.trim()
==
result.anime[0].animethemes[Song].song.title
.toLowerCase()
.replace(/\(([^)]+)\)/, "")
.replace(/\#\d*:/g, "")
.replace(/[^\w\s]/gi, " ")
.replace(/^0+/, '')
.replace(/ /g, '')
.trim()
) {
CurrSongMatch = true;
$(currSong).html(
"<a href='https://animethemes.moe/video/" +
result.anime[0].animethemes[Song].animethemeentries[0]
.videos[0].basename +
"'>" +
$(currSong).text() +
"</a>"
);
}
if (x == entriesCount - 1 && CurrSongMatch == false) {
if ($("div.IMOE").length == 0) {
if ($("div.endings").length > 0) {
$("div.endings").after('<div class="IMOE" style="margin-bottom: 30px;"><h2>Additional OPs and EDs</h2></div>');
}
else if ("div.openings".length > 0) {
$("div.endings").after('<div class="IMOE" style="margin-bottom: 30px;"><h2>Additional OPs and EDs</h2></div>');
}
else {
$("div.characters").after('<div class="IMOE" style="margin-bottom: 30px;"><h2>Additional OPs and EDs</h2></div>');
}
}
let CurrentSongArtists = "";
for (let Artists = 0; Artists < result.anime[0].animethemes[Song].song.artists.length; Artists++) {
CurrentSongArtists += result.anime[0].animethemes[Song].song.artists[Artists].name + " ";
}
if (CurrentSongArtists == "") CurrentSongArtists = "???";
$("div.IMOE").append('<div data-v-1f62dc5c="" class="tag " style="margin-bottom: 10px;"><a href="https://animethemes.moe/video/' +
result.anime[0].animethemes[Song].animethemeentries[0]
.videos[0].basename + '">' + result.anime[0].animethemes[Song].song.title + ' by ' + CurrentSongArtists + '</a></div>');
CurrentSongArtists = "";
}
});
}
},
onerror: function (error) {
console.log(error);
},
});
} else {
setTimeout(init, 0);
}
})();
}
function getAID() {
let query = `
query ($id: Int) {
Media (id: $id, type: ANIME) {
idMal
}
}
`;
let options = {
method: "POST",
headers: {
"Content-Type": "application/json",
Accept: "application/json",
},
body: JSON.stringify({
query: query,
variables: AniID,
}),
};
fetch(url, options).then(handleResponse).then(handleData).catch(handleError);
function handleResponse(response) {
return response.json().then(function (json) {
return response.ok ? json : Promise.reject(json);
});
}
function handleData(data) {
AnimeID = data.data.Media.idMal;
loadVideos(AnimeID);
}
function handleError(error) {
alert("Error, check console");
console.error(error);
}
}
function SetArifureta() {
if ($("body iframe#Player").length == 0) {
$(openings).append(
"<iframe style='display: none' id='Player' width='500px' height='300' src='' allowfullscreen/>"
);
}
$("div.openings").children(".tag").html('<a href="https://www.youtube.com/embed/s0vm9JVjexY?autoplay=1">"Daylight" by MindaRyn</a>');
$("div.endings").children(".tag").html('<a href="https://www.youtube.com/embed/5aJWWk9B78E?autoplay=1">"Gedou Sanka (外道讃歌)" by FantasticYouth</a>');
}
(function init() {
openings = document.getElementsByClassName("openings");
endings = document.getElementsByClassName("endings");
if (openings.length > 0 || endings.length > 0) {
AniID = { id: parseInt(window.location.pathname.split("/")[2]) };
if (parseInt(AniID.id) == 112323) SetArifureta();
else getAID();
let mList = document.querySelector(".content h1"),
options = {
characterData: true,
childList: true,
subtree: true,
},
observer = new MutationObserver(mCallback);
function mCallback(mutations) {
if (mutations.length == 1) {
AniID = { id: parseInt(window.location.pathname.split("/")[2]) };
if (parseInt(AniID.id) == 112323) SetArifureta();
else getAID();
}
}
observer.observe(mList, options);
} else {
setTimeout(init, 0);
}
})();
let oldURL;
(function () {
let pushState = history.pushState;
let replaceState = history.replaceState;
history.pushState = function () {
pushState.apply(history, arguments);
window.dispatchEvent(new Event("pushstate"));
window.dispatchEvent(new Event("locationchange"));
};
history.replaceState = function () {
replaceState.apply(history, arguments);
window.dispatchEvent(new Event("replacestate"));
window.dispatchEvent(new Event("locationchange"));
};
window.addEventListener("popstate", function () {
window.dispatchEvent(new Event("locationchange"));
});
})();
$(window).on("load", function () {
GM_setValue("oldURL", $(location).attr("pathname").split("/")[1]);
});
window.addEventListener("locationchange", function () {
oldURL = GM_getValue("oldURL");
if (
oldURL != "anime" &&
$(location).attr("pathname").split("/")[1] == "anime"
) {
GM_setValue("oldURL", $(location).attr("pathname").split("/")[1]);
location.reload();
} else GM_setValue("oldURL", $(location).attr("pathname").split("/")[1]);
});
$("body").on("click", ".tag", function (e) {
e.preventDefault();
if ($(this).children().length == 0) {
alert("Sadly, this OP/ED is Missing or there's a bug in the Script (Check Instruction)");
} else if (
$("body #Player").css("display") == "none" ||
$(this).children().attr("href") != $("body #Player").attr("src")
) {
$("body #Player").css("display", "block");
$("body #Player").attr("src", $(this).children().attr("href"));
} else if (
$(this).children().attr("href") == $("body #Player").attr("src")
) {
$("body #Player").css("display", "none");
$("body #Player").attr("src", "");
}
});