TMDB 영화/TV 시리즈 페이지에 한국어, 영어, 원어 제목 추가, 개별 클립보드 복사 기능, 한국 시청등급 및 제작국 표시
目前为
// ==UserScript==
// @name TMDB 한국 지원 강화
// @namespace http://tampermonkey.net/
// @version 1.2.5
// @description TMDB 영화/TV 시리즈 페이지에 한국어, 영어, 원어 제목 추가, 개별 클립보드 복사 기능, 한국 시청등급 및 제작국 표시
// @match https://www.themoviedb.org/*
// @grant GM_xmlhttpRequest
// @grant GM_addStyle
// ==/UserScript==
// 주의사항: 아래 YOUR_API_KEY 부분을 실제 TMDB API 키로 교체하는 것을 잊지 마세요.
const apiKey = "YOUR_API_KEY";
(function() {
'use strict';
GM_addStyle(`
.additional-titles {
font-size: 1.1em;
line-height: 1.4;
margin-bottom: 10px;
}
.additional-title {
cursor: pointer;
transition: color 0.3s;
}
.additional-title:hover {
color: blue !important;
}
#additional-info {
margin-top: 10px;
clear: both;
display: flex;
align-items: center;
width: 100%;
}
#production-countries {
font-size: inherit;
margin-right: 20px;
}
#external-links {
font-size: inherit;
}
#external-links a {
margin-right: 10px;
text-decoration: none;
color: inherit;
transition: color 0.3s;
}
#external-links a:hover {
color: blue;
}
.title-label {
cursor: pointer;
transition: color 0.3s;
}
.title-label:hover {
color: blue !important;
}
.ko-title-text {
cursor: pointer;
text-decoration: none;
transition: color 0.3s;
}
.ko-title-text:hover {
color: blue !important;
}
.main-link {
cursor: pointer;
text-decoration: none;
transition: color 0.3s;
}
.main-link:hover {
color: blue !important;
}
.en-original-link {
cursor: pointer;
text-decoration: none;
transition: color 0.3s;
}
.en-original-link:hover {
color: blue !important;
}
`);
const copyToClipboard = text => {
navigator.clipboard.writeText(text).then(() => {
showTemporaryMessage(`${text} 클립보드에 복사됨`);
});
};
const showTemporaryMessage = message => {
const messageElement = document.createElement('div');
Object.assign(messageElement.style, {
position: 'fixed',
top: '10px',
left: '50%',
transform: 'translateX(-50%)',
backgroundColor: 'rgba(0, 0, 0, 0.7)',
color: 'white',
padding: '10px',
borderRadius: '5px',
zIndex: '9999'
});
messageElement.textContent = message;
document.body.appendChild(messageElement);
setTimeout(() => document.body.removeChild(messageElement), 1000);
};
const getIdAndType = () => {
const [, type, id] = window.location.pathname.split('/');
return { id, type };
};
const goToMainPage = () => {
const currentUrl = window.location.href;
const mainUrl = currentUrl.split('-')[0];
window.location.href = mainUrl;
};
const displayTitles = (koTitle, enTitle, originalTitle) => {
const titleElement = document.querySelector('.title h2') || document.querySelector('.header .title h2');
if (!titleElement) return;
const titleContainer = document.createElement('div');
titleContainer.className = 'additional-titles';
const titleColor = window.getComputedStyle(titleElement).color;
titleContainer.innerHTML = `
<span class="main-link" style="color: ${titleColor};">메인</span> /
<span class="ko-title-text" style="color: ${titleColor};">한제</span>:
<span class="additional-title ko-title">${koTitle}</span> /
<span class="en-original-link" style="color: ${titleColor};">영제+원제</span> /
<span class="label title-label" id="en-title-label" style="color: ${titleColor};">영제: </span>
<span class="additional-title en-title">${enTitle}</span> /
<span class="label title-label" id="original-title-label" style="color: ${titleColor};">원제: </span>
<span class="additional-title original-title">${originalTitle}</span>
`;
titleElement.parentNode.insertBefore(titleContainer, titleElement);
titleContainer.querySelector('.main-link').addEventListener('click', goToMainPage);
titleContainer.querySelector('.en-original-link').addEventListener('click', function() {
copyToClipboard(`[${enTitle}] [${originalTitle}]`);
});
titleContainer.querySelector('.ko-title-text').addEventListener('click', function() {
copyToClipboard(`${koTitle} (${new Date().getFullYear()})`);
});
['ko-title', 'en-title', 'original-title'].forEach(className => {
titleContainer.querySelector(`.${className}`).addEventListener('click', function() {
copyToClipboard(this.textContent);
});
});
document.getElementById('en-title-label').addEventListener('click', function() {
copyToClipboard(`[${enTitle}]`);
});
document.getElementById('original-title-label').addEventListener('click', function() {
copyToClipboard(`[${originalTitle}]`);
});
};
const getKoreanCertification = (data, type) => {
const ratings = type === 'movie' ? data.release_dates?.results : data.content_ratings?.results;
const koreanRating = ratings?.find(r => r.iso_3166_1 === 'KR')?.release_dates?.[0]?.certification ||
ratings?.find(r => r.iso_3166_1 === 'KR')?.rating;
return koreanRating || '등급미정';
};
const getProductionCountries = (data) => {
return data.production_countries?.map(country => country.name).join(', ') || '정보 없음';
};
const displayKoreanRating = rating => {
const factsElement = document.querySelector('.facts');
if (!factsElement) return;
let koreanRatingElement = document.getElementById('korean-rating');
if (!koreanRatingElement) {
koreanRatingElement = Object.assign(document.createElement('span'), {
id: 'korean-rating',
style: 'font-size: 1em; margin-right: 10px; font-weight: bold;'
});
factsElement.insertBefore(koreanRatingElement, factsElement.firstChild);
}
koreanRatingElement.textContent = rating;
};
const displayAdditionalInfo = (countries, koTitle, imdbId, wikidataId, tvdbId) => {
const factsElement = document.querySelector('.facts');
let additionalInfoContainer = document.getElementById('additional-info');
if (!additionalInfoContainer) {
additionalInfoContainer = document.createElement('div');
additionalInfoContainer.id = "additional-info";
factsElement.parentNode.insertBefore(additionalInfoContainer, factsElement.nextSibling);
additionalInfoContainer.innerHTML = `
<div id="production-countries">• 제작국: ${countries}</div>
<div id="external-links">
<a href="https://m.kinolights.com/search/contents?keyword=${encodeURIComponent(koTitle)}" target="_blank">키노</a>
${imdbId ? `<a href="https://www.imdb.com/title/${imdbId}" target="_blank">IMDB</a>` : ''}
${wikidataId ? `<a href="https://www.wikidata.org/wiki/${wikidataId}" target="_blank">Wikidata</a>` : ''}
${tvdbId ? `<a href="https://www.thetvdb.com/dereferrer/series/${tvdbId}" target="_blank">TVDB</a>` : ''}
</div>
`;
const titleColor = window.getComputedStyle(document.querySelector('.title h2')).color;
additionalInfoContainer.querySelectorAll('#external-links a').forEach(link => {
link.style.color = titleColor;
link.style.marginRight = "10px";
link.style.textDecoration = "none";
link.addEventListener('mouseover', () => link.style.color = "blue");
link.addEventListener('mouseout', () => link.style.color = titleColor);
});
}
};
const fetchData = async () => {
const { id, type } = getIdAndType();
if (!id || !type) return;
try {
const koResponse = await new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: "GET",
url: `https://api.themoviedb.org/3/${type}/${id}?api_key=${apiKey}&language=ko-KR&append_to_response=external_ids,release_dates,content_ratings`,
onload: response => response.status === 200 ? resolve(JSON.parse(response.responseText)) : reject(`API 요청 실패: ${response.status}`),
onerror: reject
});
});
const enResponse = await new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: "GET",
url: `https://api.themoviedb.org/3/${type}/${id}?api_key=${apiKey}&language=en-US`,
onload: response => response.status === 200 ? resolve(JSON.parse(response.responseText)) : reject(`API 요청 실패: ${response.status}`),
onerror: reject
});
});
const koTitle = koResponse.title || koResponse.name || '한국어 제목 미기재';
const enTitle = enResponse.title || enResponse.name || '영어 제목 미기재';
const originalTitle = koResponse.original_title || koResponse.original_name || '원어 제목 미기재';
const koreanRating = getKoreanCertification(koResponse, type);
const productionCountries = getProductionCountries(koResponse);
const imdbId = koResponse.imdb_id || koResponse.external_ids?.imdb_id;
const wikidataId = koResponse.external_ids?.wikidata_id;
const tvdbId = koResponse.external_ids?.tvdb_id;
displayTitles(koTitle, enTitle, originalTitle);
displayKoreanRating(koreanRating);
displayAdditionalInfo(productionCountries, koTitle, imdbId, wikidataId, tvdbId);
} catch (error) {
console.error('TMDB API 요청 오류:', error);
}
};
const init = () => {
fetchData();
};
window.addEventListener('load', init);
new MutationObserver(() => {
const url = location.href;
if (url !== lastUrl) {
lastUrl = url;
init();
}
}).observe(document, {subtree: true, childList: true});
let lastUrl = location.href;
})();