在ptp和hdb电影详情页展示部分中文信息
当前为
// ==UserScript==
// @name Douban-Info-for-PTP&HDB
// @namespace https://github.com/techmovie/Douban-Info-for-PTP
// @version 0.4
// @description 在ptp和hdb电影详情页展示部分中文信息
// @author birdplane
// @match https://passthepopcorn.me/torrents.php?id=*
// @match https://hdbits.org/details.php?id=*
// @grant GM_addStyle
// @grant GM_xmlhttpRequest
// @resource emptyIcon https://www.themoviedb.org/assets/2/v4/glyphicons/basic/glyphicons-basic-4-user-grey-d8fe957375e70239d6abdd549fd7568c89281b2179b5f4470e2e12895792dfa5.svg
// ==/UserScript==
(function () {
'use strict';
const API_KEY = '054022eaeae0b00e0fc068c0c0a2102a';
const DOUBAN_API_URL = 'https://frodo.douban.com/api/v2';
const DOUBAN_SEARCH_API = 'https://movie.douban.com/j/subject_suggest';
const isPTP = location.host.includes('passthepopcorn');
const isHDB = location.host.includes('hdbits');
let imdbLink = null
if(isPTP){
imdbLink = $('#imdb-title-link').attr('href');
}
if(isHDB){
imdbLink = $j('.contentlayout h1 a').attr('href');
}
if (!imdbLink) {
return
}
const imdbId = /tt\d+/.exec(imdbLink)[0];
GM_xmlhttpRequest({
method: 'GET',
url: `${DOUBAN_SEARCH_API}?q=${imdbId}`,
onload(res) {
const data = JSON.parse(res.responseText);
if (data.length > 0) {
getMovieInfo(data[0].id)
}
}
})
const getMovieInfo = (movieId) => {
GM_xmlhttpRequest({
url: `${DOUBAN_API_URL}/movie/${movieId}?apiKey=${API_KEY}`,
onload(res) {
const data = JSON.parse(res.responseText);
if(isPTP){
addInfoToPtpPage(data);
}
if(isHDB){
addInfoToHdbPage(data);
}
}
})
}
const addInfoToHdbPage = (data) => {
const infoContent = `
<tr>
<td>
<div id="l7829483" class="label collapsable" onclick="showHideEl(7829483);(7829483)"><span class="plusminus">- </span>豆瓣信息</div>
<div id="c7829483" class="hideablecontent" >
<div class="contentlayout douban-info">
<div class="poster" style="margin-right: 10px;">
<image/ src="${data.pic.normal}">
</div>
<div class="detail">
<div class="title">
<a target='_blank' href="${data.url}">${data.title} (${data.year}) </a>
</div>
<div style="font-size: 0;min-width: 105px;color: #000;margin-bottom: 20px;">
<span class="icon-pt1" >豆</span>
<span class="icon-pt2">豆瓣评分</span>
<span style="font-size: 18px;font-weight:600;margin-left:10px;">${data.rating.value}</span>
<span style="font-size: 14px;"> (${data.rating.count} votes)</span>
</div>
<div class="movie-detail">
<div class="synopsis">
${data.intro|| '暂无简介'}
</div>
<div class="movieinfo">
<div class="panel">
<div class="panel__body">
<div><strong>导演:</strong> ${data.directors.map(item => {
return ` <a class="artist-info-link" href="${item.url}" target="_blank">${item.name}</a> `
})}
</div>
<div><strong>类型:</strong> ${data.genres.join('/')}</div>
<div><strong>制片国家/地区:</strong> ${data.countries.join('/')}</div>
<div><strong>语言:</strong> ${data.languages.join('/')}</div>
<div><strong>时长:</strong> ${data.durations.join('/')}</div>
<div><strong>又名:</strong> ${data.aka.join('/')}</div
</div>
</div>
</div>
</div>
</div>
<div class="cast-info">
${createCastDom(data)}
</div>
</div>
</div>
</td>
</tr>`
$j('#details>tbody>tr').eq(1).before(infoContent);
}
const addInfoToPtpPage = (data) => {
if (isChinese(data.title)) {
$('.page__title').prepend(`<a target='_blank' href="${data.url}">[${data.title}] </a>`)
}
if (data.intro) {
$('#synopsis').html(data.intro)
}
$('#movieinfo').before(`
<div class="panel">
<div class="panel__heading"><span class="panel__heading__title">电影信息</span></div>
<div class="panel__body">
<div><strong>导演:</strong> ${data.directors.map(item => {
return ` <a class="artist-info-link" href="${item.url}" target="_blank">${item.name}</a> `
})}</div>
<div><strong>类型:</strong> ${data.genres.join('/')}</div>
<div><strong>制片国家/地区:</strong> ${data.countries.join('/')}</div>
<div><strong>语言:</strong> ${data.languages.join('/')}</div>
<div><strong>时长:</strong> ${data.durations.join('/')}</div>
<div><strong>又名:</strong> ${data.aka.join('/')}</div
</div>`)
if (data.rating.value) {
$('#movie-ratings-table tr').prepend(
`<td colspan="1" style="width: 152px;">
<center>
<a target="_blank" class="rating" href="${data.url}" rel="noreferrer">
<div style="font-size: 0;min-width: 105px;">
<span class="icon-pt1">豆</span>
<span class="icon-pt2">豆瓣评分</span>
</div>
</a>
</center>
</td>
<td style="width: 153px;">
<span class="rating">${data.rating.value}</span>
<span class="mid">/</span>
<span class="outof"> ${data.rating.max}</span>
<br>(${data.rating.count} votes)</td>`)
}
const castEl = createCastDom(data);
if(castEl){
const castPanelEl = `<div class="panel">
<div class="panel__heading"><span class="panel__heading__title">主演</span></div>
<div class="panel__body">
<ul style="width: 100%;overflow-x: auto;display: flex;padding-left:0;word-break: break-all;">
${castEl}
</ul>
</div>
</div>`;
$('#synopsis-and-trailer').next('.panel').after(castPanelEl);
}
}
const isChinese = (title) => {
return /[\u4e00-\u9fa5]+/.test(title)
}
const createCastDom=(data)=>{
if (data.actors && data.actors.length) {
const castsDom = data.actors.map(item => {
const imageEl = item.cover_url
? ` <image style="width: 100%;"
src="${item.cover_url}"></image>`
: `<div class="cast-emty"></div>`
return `
<li class="cast-item">
<a target="_blank" href="${item.url}" class="cast-item-image">
${imageEl}
</a>
<div class="actor-name">
<a target="_blank" style="color: #000;font-weight: bold" href="${item.url}">${item.name}</a>
</div>
</li>`
});
return castsDom;
}
return ''
}
GM_addStyle( `
.contentlayout.douban-info {
display: flex;
justify-content: space-around;
}
.detail .title{
font-size: 26px;
font-weight: 600;
margin-bottom: 20px;
}
.detail .title a{
text-decoration: none;
}
.movie-detail{
display: flex;
justify-content: space-between;
}
.movie-detail .synopsis {
width: 60%;
}
.movie-detail .movieinfo {
margin-right: 20px;
max-width: 30%;
}
.icon-pt1{
font-size: 14px;
display: inline-block;
text-align: center;
border: 1px solid #41be57;
background-color: #41be57;
color: white;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
width: 24px;
height: 24px;
line-height: 24px;
}
.icon-pt2{
display: inline-block;
text-align: center;
border: 1px solid #41be57;
color: #3ba94d;
background: #ffffff;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
width: 69px;
height: 24px;
line-height: 24px;
font-size: 14px;
}
.cast-emty{
background-image: url(GM.getResourceUrl("emptyIcon")); width: auto;
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
overflow: hidden;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-color: #dbdbdb;
box-sizing: border-box;
background-size: 50%;
text-overflow: ellipsis;
}
.cast-item{
margin-top: 10px;
margin-bottom: 10px;
flex-shrink: 0;
display: inline-block;
margin-left: 10px;
margin-right: 4px;
width: 138px;
background-color: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
padding-bottom: 10px;
border-radius: 6px;
overflow: hidden;
}
.cast-item-image{
width: 138px;
height: 175px;
display:block;
overflow: hidden;
}
.cast-item .actor-name{
color: #000;
font-weight: bold;
padding: 10px 10px 0;
}
`)
})();