TMDB 영화/TV 시리즈 페이지에 한국어, 영어, 원어 제목 추가, 개별 클립보드 복사 기능, 한국 시청등급 및 제작국 표시
目前为
// ==UserScript==
// @name TMDB 한국 지원 강화
// @namespace http://tampermonkey.net/
// @version 1.4.3
// @description TMDB 영화/TV 시리즈 페이지에 한국어, 영어, 원어 제목 추가, 개별 클립보드 복사 기능, 한국 시청등급 및 제작국 표시
// @match https://www.themoviedb.org/*
// @grant GM_xmlhttpRequest
// @grant GM_addStyle
// @author DongHaerang
// ==/UserScript==
// 주의사항: 아래 YOUR_API_KEY 부분을 실제 TMDB API 키로 교체하는 것을 잊지 마세요.
const apiKey = "YOUR_API_KEY";
(function() {
'use strict';
GM_addStyle(`
.clickable-text, #external-links a {
cursor: pointer;
text-decoration: none;
transition: color 0.3s;
font-size: 12pt !important;
}
.clickable-text:hover, #external-links a:hover {
color: blue !important;
}
#external-links a {
margin-right: 10px;
color: inherit;
}
.additional-titles {
line-height: 1.4;
margin-bottom: 10px;
font-size: 12pt !important;
}
#additional-info {
margin-top: 10px;
clear: both;
display: flex;
align-items: center;
width: 100%;
font-size: 12pt !important;
}
#production-countries {
margin-right: 20px;
font-size: 12pt !important;
}
#external-links {
font-size: 12pt !important;
}
.language-selector {
display: inline;
margin-left: 5px;
color: inherit;
font-size: 12pt !important;
}
.language-selector span {
cursor: pointer;
margin: 0 3px;
transition: color 0.3s;
font-size: 12pt !important;
}
.language-selector span:hover {
color: blue;
}
`);
const copyToClipboard = (text, clickedText) => {
// MOVIE, TV, +TMDB, +영, +원, 한제, 영제+원제, 영제, 원제 클릭시에만 특수문자 변환
const specialClickTargets = ['MOVIE', 'TV', '+TMDB', '+영', '+원', '한제', '영제+원제', '영제', '원제'];
if (specialClickTargets.includes(clickedText)) {
text = text.replace(/:/g, ';').replace(/\?/g, '？');
}
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 translateCountry = (countryCode) => {
const countryMap = {
'US': '미국',
'GB': '영국',
'KR': '한국',
'JP': '일본',
'CN': '중국',
'FR': '프랑스',
'DE': '독일',
'IT': '이탈리아',
'ES': '스페인',
'CA': '캐나다',
'AU': '호주',
'RU': '러시아',
'IN': '인도',
'BR': '브라질',
'MX': '멕시코',
'NL': '네덜란드',
'BE': '벨기에',
'SE': '스웨덴',
'DK': '덴마크',
'NO': '노르웨이',
'FI': '핀란드',
'PL': '폴란드',
'TR': '터키',
'TH': '태국',
'VN': '베트남',
'ID': '인도네시아',
'MY': '말레이시아',
'SG': '싱가포르',
'PH': '필리핀',
'TW': '대만',
'HK': '홍콩',
'NZ': '뉴질랜드',
'CO': '콜롬비아',
'AR': '아르헨티나',
'ZA': '남아프리카',
// 국가 전체 이름도 매핑
'United States of America': '미국',
'United Kingdom': '영국',
'South Korea': '한국',
'Japan': '일본',
'China': '중국',
'France': '프랑스',
'Germany': '독일',
'Italy': '이탈리아',
'Spain': '스페인',
'Canada': '캐나다',
'Australia': '호주',
'Russia': '러시아',
'India': '인도',
'Brazil': '브라질',
'Mexico': '멕시코',
'Netherlands': '네덜란드',
'Belgium': '벨기에',
'Sweden': '스웨덴',
'Denmark': '덴마크',
'Norway': '노르웨이',
'Finland': '핀란드',
'Poland': '폴란드',
'Turkey': '터키',
'Thailand': '태국',
'Vietnam': '베트남',
'Indonesia': '인도네시아',
'Malaysia': '말레이시아',
'Singapore': '싱가포르',
'Philippines': '필리핀',
'Taiwan': '대만',
'Hong Kong': '홍콩',
'New Zealand': '뉴질랜드',
'Colombia': '콜롬비아',
'Argentina': '아르헨티나',
'South Africa': '남아프리카'
};
return countryMap[countryCode] || '미기재';
};
const getIdAndType = () => {
const [, type, id] = window.location.pathname.split('/');
return { id: id?.split('-')[0], type };
};
const goToMainPage = () => {
const currentUrl = window.location.href;
let mainUrl;
if (currentUrl.startsWith('https://www.themoviedb.org/tv/')) {
const match = currentUrl.match(/\/tv\/(\d+)/);
if (match) {
mainUrl = `https://www.themoviedb.org/tv/${match[1]}`;
}
} else if (currentUrl.startsWith('https://www.themoviedb.org/movie/')) {
const match = currentUrl.match(/\/movie\/(\d+)/);
if (match) {
mainUrl = `https://www.themoviedb.org/movie/${match[1]}`;
}
}
if (mainUrl) {
window.location.href = mainUrl;
}
};
const changeLanguage = (lang) => {
const currentUrl = new URL(window.location.href);
currentUrl.searchParams.set('language', lang);
window.location.href = currentUrl.toString();
};
const getCountryPrefix = (originCountry, productionCountry) => {
const country = originCountry || productionCountry;
const countryName = translateCountry(country);
if (['뉴질랜드', '남아프리카', '미국', '캐나다', '호주'].includes(countryName)) return '영';
if (['대만', '홍콩'].includes(countryName)) return '중';
if (['멕시코', '아르헨티나', '콜롬비아'].includes(countryName)) return '스';
if (countryName === '벨기에') return '프';
if (countryName === '브라질') return '포';
if (countryName === '스웨덴') return '웨';
if (countryName === '인도') return '힌';
return countryName.charAt(0);
};
const displayTitles = (koTitle, enTitle, originalTitle, type, id, koreanRating, originCountry, productionCountry, year) => {
const titleElement = document.querySelector('.title h2') || document.querySelector('.header .title h2');
if (!titleElement) return;
// 변수 정의
const KoTitle = koTitle;
const EnTitle = enTitle;
const OriginalTitle = originalTitle;
const ChangedKoTitle = koTitle.replace(/:/g, ';').replace(/\?/g, '？');
const ChangedEnTitle = enTitle.replace(/:/g, ';').replace(/\?/g, '？');
const ChangedOriginalTitle = originalTitle.replace(/:/g, ';').replace(/\?/g, '？');
const titleContainer = document.createElement('div');
titleContainer.className = 'additional-titles';
const titleColor = window.getComputedStyle(titleElement).color;
const typeText = type === 'tv' ? 'TV' : 'MOVIE';
titleContainer.innerHTML = `
<span class="clickable-text" style="color: ${titleColor};">메인</span> /
<span class="clickable-text" style="color: ${titleColor};">${id}</span> /
<span class="clickable-text" style="color: ${titleColor};">${typeText}</span>
${type === 'movie' ?
`<span class="clickable-text" style="color: ${titleColor};">+TMDB</span>
<span class="clickable-text" style="color: ${titleColor};">+영</span>
<span class="clickable-text" style="color: ${titleColor};">+원</span>` :
`<span class="clickable-text" style="color: ${titleColor};">+TMDB</span>
<span class="clickable-text" style="color: ${titleColor};">+영</span>
<span class="clickable-text" style="color: ${titleColor};">+원</span>`
} /
<span class="clickable-text" style="color: ${titleColor};">한제</span>:
<span class="clickable-text">${KoTitle}</span>
<span class="clickable-text" style="color: ${titleColor};">(${year})</span> /
<span class="clickable-text" style="color: ${titleColor};">영제+원제</span> /
<span class="clickable-text" style="color: ${titleColor};">영제</span>:
<span class="clickable-text">${EnTitle}</span>
<span class="clickable-text" style="color: ${titleColor};">(${year})</span> /
<span class="clickable-text" style="color: ${titleColor};">원제</span>:
<span class="clickable-text">${OriginalTitle}</span>
<span class="clickable-text" style="color: ${titleColor};">(${year})</span>
`;
// 이벤트 리스너 설정
const elements = {
'메인': () => goToMainPage(),
[id]: () => copyToClipboard(id, id),
[typeText]: () => {
const countryPrefix = getCountryPrefix(originCountry, productionCountry);
const copyText = type === 'movie' ?
`${ChangedKoTitle} (${year}) {tmdb-${id}} ${countryPrefix}A !${koreanRating} $${translateCountry(originCountry || productionCountry)}` :
`${ChangedKoTitle} (${year}) ${countryPrefix}A !${koreanRating} $${translateCountry(originCountry || productionCountry)}`;
copyToClipboard(copyText, typeText);
},
'+TMDB': () => {
const countryPrefix = getCountryPrefix(originCountry, productionCountry);
copyToClipboard(`${ChangedKoTitle} (${year}) {tmdb-${id}} !${koreanRating} $${translateCountry(originCountry || productionCountry)}`, '+TMDB');
},
'+영': () => copyToClipboard(`${ChangedKoTitle} (${year}) [${ChangedEnTitle}] {tmdb-${id}} !${koreanRating} $${translateCountry(originCountry || productionCountry)}`, '+영'),
'+원': () => copyToClipboard(`${ChangedKoTitle} (${year}) [${ChangedEnTitle}] [${ChangedOriginalTitle}] {tmdb-${id}} !${koreanRating} $${translateCountry(originCountry || productionCountry)}`, '+원'),
'한제': () => copyToClipboard(`${KoTitle} (${year})`, '한제'),
[KoTitle]: () => copyToClipboard(KoTitle, KoTitle),
'영제+원제': () => copyToClipboard(`[${EnTitle}] [${OriginalTitle}]`, '영제+원제'),
'영제': () => copyToClipboard(`[${EnTitle}]`, '영제'),
[EnTitle]: () => copyToClipboard(EnTitle, EnTitle),
'원제': () => copyToClipboard(`[${OriginalTitle}]`, '원제'),
[OriginalTitle]: () => copyToClipboard(OriginalTitle, OriginalTitle)
};
titleContainer.querySelectorAll('.clickable-text').forEach(element => {
const text = element.textContent;
if (elements[text]) {
element.addEventListener('click', elements[text]);
}
if (text.match(/^\(\d{4}\)$/)) {
element.addEventListener('click', () => {
const title = element.previousElementSibling.textContent;
copyToClipboard(`${title} ${text.slice(1, -1)}`, text);
});
}
});
titleElement.parentNode.insertBefore(titleContainer, titleElement);
};
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 getOriginCountry = (data) => {
return data.origin_country?.[0] || data.production_countries?.[0]?.iso_3166_1 || null;
};
const getProductionCountry = (data) => {
return data.production_countries?.[0]?.iso_3166_1 || null;
};
const displayKoreanRating = rating => {
if (!rating) return;
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 = (originCountry, productionCountry, koTitle, enTitle, imdbId, wikidataId, tvdbId, year) => {
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);
const originCountryText = translateCountry(originCountry);
const productionCountryText = translateCountry(productionCountry);
let searchLinks = '';
if (imdbId) {
const imdbIdNum = imdbId.replace('tt', '');
searchLinks = `
▶ <a href="https://www.opensubtitles.org/ko/search/sublanguageid-kor/imdbid-${imdbIdNum}" target="_blank">OSo</a>
<a href="https://www.opensubtitles.com/en/ko/search-all/q-tt${imdbIdNum}/hearing_impaired-include/machine_translated-/trusted_sources-" target="_blank">OSc</a>
<a href="https://subdl.com/search/${encodeURIComponent(enTitle)}%20${year}" target="_blank">SUBDL</a>
<a href="https://cineaste.co.kr/bbs/board.php?bo_table=psd_caption&sca=&mv_no=&sfl=wr_subject&stx=${encodeURIComponent(koTitle)}%20${year}&sop=and" target="_blank">씨네(한)</a>
<a href="https://cineaste.co.kr/bbs/board.php?bo_table=psd_caption&sca=&mv_no=&sfl=wr_subject&stx=${encodeURIComponent(enTitle)}%20${year}&sop=and" target="_blank">씨네(영)</a>
<a href="https://cineaste.co.kr/bbs/board.php?bo_table=psd_dramacap&sca=&mv_no=&sfl=wr_subject&stx=${encodeURIComponent(koTitle)}%20${year}&sop=and" target="_blank">씨드(한)</a>
<a href="https://cineaste.co.kr/bbs/board.php?bo_table=psd_dramacap&sca=&mv_no=&sfl=wr_subject&stx=${encodeURIComponent(enTitle)}%20${year}&sop=and" target="_blank">씨드(영)</a>
`;
} else {
searchLinks = `
▶ <a href="https://www.opensubtitles.org/ko/search2/moviename-${encodeURIComponent(enTitle)}%20${year}" target="_blank">OSo</a>
<a href="https://www.opensubtitles.com/en/ko/search-all/q-${encodeURIComponent(enTitle)}/hearing_impaired-include/machine_translated-/trusted_sources-" target="_blank">OSc</a>
<a href="https://subdl.com/search/${encodeURIComponent(enTitle)}%20${year}" target="_blank">SUBDL</a>
<a href="https://cineaste.co.kr/bbs/board.php?bo_table=psd_caption&sca=&mv_no=&sfl=wr_subject&stx=${encodeURIComponent(koTitle)}%20${year}&sop=and" target="_blank">씨네(한)</a>
<a href="https://cineaste.co.kr/bbs/board.php?bo_table=psd_caption&sca=&mv_no=&sfl=wr_subject&stx=${encodeURIComponent(enTitle)}%20${year}&sop=and" target="_blank">씨네(영)</a>
<a href="https://cineaste.co.kr/bbs/board.php?bo_table=psd_dramacap&sca=&mv_no=&sfl=wr_subject&stx=${encodeURIComponent(koTitle)}%20${year}&sop=and" target="_blank">씨드(한)</a>
<a href="https://cineaste.co.kr/bbs/board.php?bo_table=psd_dramacap&sca=&mv_no=&sfl=wr_subject&stx=${encodeURIComponent(enTitle)}%20${year}&sop=and" target="_blank">씨드(영)</a>
`;
}
additionalInfoContainer.innerHTML = `
<div id="external-links">
• 원작국: ${originCountryText} / 제작국: ${productionCountryText}
▶ <a href="https://media.netflix.com/ko/search?countryCode=KR&term=${encodeURIComponent(koTitle)}" target="_blank">넷플</a>
<a href="https://www.google.com/search?q=${encodeURIComponent(koTitle)}%20${year}%20site:disneyplus.com&tbm=isch" target="_blank">구글(디플)</a>
<a href="https://www.google.com/search?q=${encodeURIComponent(koTitle)}&tbm=isch" target="_blank">구글</a> /
<span class="clickable-text" onclick="window.location.href='${window.location.pathname}?language=en-US'">영어로</span> /
<span class="clickable-text" onclick="window.location.href='${window.location.pathname}?language=ja-JP'">일어로</span> /
<span class="clickable-text" onclick="window.location.href='${window.location.pathname}?language=ko-KR'">한국어로</span><br>
▶ <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> ` : ''}
${searchLinks}
</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";
});
}
};
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 originCountry = getOriginCountry(koResponse);
const productionCountry = getProductionCountry(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;
const year = new Date(koResponse.release_date || koResponse.first_air_date).getFullYear();
displayTitles(koTitle, enTitle, originalTitle, type, id, koreanRating, originCountry, productionCountry, year);
displayKoreanRating(koreanRating);
displayAdditionalInfo(originCountry, productionCountry, koTitle, enTitle, imdbId, wikidataId, tvdbId, year);
} 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;
})();