From ae8e55433b7b23e1dbaaa82096718e30633c5656 Mon Sep 17 00:00:00 2001 From: Izumiko Date: Sun, 3 Mar 2024 22:23:09 +0800 Subject: [PATCH] =?UTF-8?q?log=E6=98=BE=E7=A4=BA=E5=BE=AE=E8=B0=83=20?= =?UTF-8?q?=E6=A0=BC=E5=BC=8F=E5=8C=96=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ede.js | 2104 ++++++++++++++++++++++++++++---------------------------- 1 file changed, 1045 insertions(+), 1059 deletions(-) diff --git a/ede.js b/ede.js index 59d8e6a..fe9b359 100644 --- a/ede.js +++ b/ede.js @@ -3,7 +3,7 @@ // @description Jellyfin弹幕插件 // @namespace https://github.com/RyoLee // @author RyoLee -// @version 1.32 +// @version 1.33 // @copyright 2022, RyoLee (https://github.com/RyoLee) // @license MIT; https://raw.githubusercontent.com/Izumiko/jellyfin-danmaku/jellyfin/LICENSE // @icon https://github.githubassets.com/pinned-octocat.svg @@ -18,667 +18,618 @@ (async function () { 'use strict'; - if (document.querySelector('meta[name="application-name"]').content == 'Jellyfin') { - // ------ configs start------ - let isInTampermonkey = true; - const corsProxy = 'https://ddplay-api.930524.xyz/cors/'; - let apiPrefix = ''; - let logQueue = []; - let logLines = 0; - let ddplayStatus = localStorage.getItem('ddplayStatus') ? JSON.parse(localStorage.getItem('ddplayStatus')) : {isLogin: false, token: '', tokenExpire: 0}; - const check_interval = 200; - // 0:当前状态关闭 1:当前状态打开 - const danmaku_icons = ['comments_disabled', 'comment']; - const search_icon = 'find_replace'; - const source_icon = 'library_add'; - const log_icons = ['code_off', 'code']; - const settings_icon = 'tune' - const send_icon = 'send'; - const spanClass = 'xlargePaperIconButton material-icons '; - const buttonOptions = { - class: 'paper-icon-button-light', - is: 'paper-icon-button-light', - }; - const uiAnchorStr = 'pause'; - const uiQueryStr = '.osdTimeText'; - const mediaContainerQueryStr = "div[data-type='video-osd']"; - const mediaQueryStr = 'video'; - const displayButtonOpts = { - title: '弹幕开关', - id: 'displayDanmaku', - onclick: () => { - if (window.ede.loading) { - showDebugInfo('正在加载,请稍后再试'); - return; - } - showDebugInfo('切换弹幕开关'); - window.ede.danmakuSwitch = (window.ede.danmakuSwitch + 1) % 2; - window.localStorage.setItem('danmakuSwitch', window.ede.danmakuSwitch); - document.querySelector('#displayDanmaku').children[0].className = spanClass + danmaku_icons[window.ede.danmakuSwitch]; - if (window.ede.danmaku) { - window.ede.danmakuSwitch == 1 ? window.ede.danmaku.show() : window.ede.danmaku.hide(); - } - }, - }; - const searchButtonOpts = { - title: '搜索弹幕', - id: 'searchDanmaku', - class: search_icon, - onclick: () => { - if (window.ede.loading) { - showDebugInfo('正在加载,请稍后再试'); - return; - } - showDebugInfo('手动匹配弹幕'); - reloadDanmaku('search'); - }, - }; - - const sourceButtonOpts = { - title: '增加弹幕源', - id: 'addDanmakuSource', - class: source_icon, - onclick: () => { - showDebugInfo('手动增加弹幕源'); - let source = prompt('请输入弹幕源地址:'); - if (source) { - getCommentsByUrl(source).then((comments) => { - createDanmaku(comments).then(() => { - showDebugInfo('弹幕就位'); - }); + if (document.querySelector('meta[name="application-name"]').content !== 'Jellyfin') { + return; + } + // ------ configs start------ + let isInTampermonkey = true; + const corsProxy = 'https://ddplay-api.930524.xyz/cors/'; + let apiPrefix = ''; + let ddplayStatus = localStorage.getItem('ddplayStatus') ? JSON.parse(localStorage.getItem('ddplayStatus')) : {isLogin: false, token: '', tokenExpire: 0}; + const check_interval = 200; + // 0:当前状态关闭 1:当前状态打开 + const danmaku_icons = ['comments_disabled', 'comment']; + const search_icon = 'find_replace'; + const source_icon = 'library_add'; + const log_icons = ['code_off', 'code']; + const settings_icon = 'tune' + const send_icon = 'send'; + const spanClass = 'xlargePaperIconButton material-icons '; + const buttonOptions = { + class: 'paper-icon-button-light', + is: 'paper-icon-button-light', + }; + const uiAnchorStr = 'pause'; + const uiQueryStr = '.osdTimeText'; + const mediaContainerQueryStr = "div[data-type='video-osd']"; + const mediaQueryStr = 'video'; + const displayButtonOpts = { + title: '弹幕开关', + id: 'displayDanmaku', + onclick: () => { + if (window.ede.loading) { + showDebugInfo('正在加载,请稍后再试'); + return; + } + showDebugInfo('切换弹幕开关'); + window.ede.danmakuSwitch = (window.ede.danmakuSwitch + 1) % 2; + window.localStorage.setItem('danmakuSwitch', window.ede.danmakuSwitch); + document.querySelector('#displayDanmaku').children[0].className = spanClass + danmaku_icons[window.ede.danmakuSwitch]; + if (window.ede.danmaku) { + window.ede.danmakuSwitch == 1 ? window.ede.danmaku.show() : window.ede.danmaku.hide(); + } + }, + }; + const searchButtonOpts = { + title: '搜索弹幕', + id: 'searchDanmaku', + class: search_icon, + onclick: () => { + if (window.ede.loading) { + showDebugInfo('正在加载,请稍后再试'); + return; + } + showDebugInfo('手动匹配弹幕'); + reloadDanmaku('search'); + }, + }; + + const sourceButtonOpts = { + title: '增加弹幕源', + id: 'addDanmakuSource', + class: source_icon, + onclick: () => { + showDebugInfo('手动增加弹幕源'); + let source = prompt('请输入弹幕源地址:'); + if (source) { + getCommentsByUrl(source).then((comments) => { + createDanmaku(comments).then(() => { + showDebugInfo('弹幕就位'); }); + }); - // 如果已经登录，把弹幕源提交给弹弹Play - if (ddplayStatus.isLogin) { - postRelatedSource(source); - } + // 如果已经登录，把弹幕源提交给弹弹Play + if (ddplayStatus.isLogin) { + postRelatedSource(source); } - }, - } + } + }, + } - const logButtonOpts = { - title: '日志开关', - id: 'displayLog', - onclick: () => { - if (window.ede.loading) { - showDebugInfo('正在加载,请稍后再试'); - return; - } - window.ede.logSwitch = (window.ede.logSwitch + 1) % 2; - window.localStorage.setItem('logSwitch', window.ede.logSwitch); - document.querySelector('#displayLog').children[0].className = spanClass + log_icons[window.ede.logSwitch] - let logSpan = document.querySelector('#debugInfo'); - if (logSpan) { - window.ede.logSwitch == 1 ? (logSpan.style.display = 'block') && showDebugInfo('开启日志显示') : (logSpan.style.display = 'none'); + const logButtonOpts = { + title: '日志开关', + id: 'displayLog', + onclick: () => { + if (window.ede.loading) { + showDebugInfo('正在加载,请稍后再试'); + return; + } + window.ede.logSwitch = (window.ede.logSwitch + 1) % 2; + window.localStorage.setItem('logSwitch', window.ede.logSwitch); + document.querySelector('#displayLog').children[0].className = spanClass + log_icons[window.ede.logSwitch] + let logSpan = document.querySelector('#debugInfo'); + if (logSpan) { + window.ede.logSwitch == 1 ? (logSpan.style.display = 'block') && showDebugInfo('开启日志显示') : (logSpan.style.display = 'none'); + } + } + }; + + const danmakuInteractionOpts = { + title: '弹幕设置', + id: 'danmakuSettings', + class: settings_icon, + onclick: () => { + if (document.getElementById('danmakuModal')) { + return; + } + const modal = document.createElement('div'); + modal.id = 'danmakuModal'; + modal.className = 'dialogContainer'; + modal.innerHTML = ` +
+
+
+ 透明度: + +
+
+ 弹幕速度: + +
+
+ 字体大小: + +
+
+ 高度比例: + +
+
+ 密度限制等级: + +
+
+ +
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+ + +
+
`; + document.body.appendChild(modal); + + document.getElementById(`chConvert${window.ede.chConvert}`).checked = true; + + (window.ede.danmakufilter & 1) === 1 ? document.getElementById('filterBilibili').checked = true : document.getElementById('filterBilibili').checked = false; + (window.ede.danmakufilter & 2) === 2 ? document.getElementById('filterGamer').checked = true : document.getElementById('filterGamer').checked = false; + (window.ede.danmakufilter & 4) === 4 ? document.getElementById('filterDanDanPlay').checked = true : document.getElementById('filterDanDanPlay').checked = false; + (window.ede.danmakufilter & 8) === 8 ? document.getElementById('filterOthers').checked = true : document.getElementById('filterOthers').checked = false; + + function showCurrentVal(id, ticks) { + const val = document.getElementById(id).value; + const span = document.getElementById('lb' + id); + const prefix = span.innerText.split(':')[0]; + if (ticks) { + span.innerText = prefix + ': ' + ticks[val]; + } else { + span.innerText = prefix + ': ' + val; } } - }; - const danmakuInteractionOpts = { - title: '弹幕设置', - id: 'danmakuSettings', - class: settings_icon, - onclick: () => { - if (document.getElementById('danmakuModal')) { - return; + document.getElementById('opacity').oninput = () => showCurrentVal('opacity'); + document.getElementById('speed').oninput = () => showCurrentVal('speed'); + document.getElementById('fontSize').oninput = () => showCurrentVal('fontSize'); + document.getElementById('heightRatio').oninput = () => showCurrentVal('heightRatio'); + document.getElementById('danmakuDensityLimit').oninput = () => showCurrentVal('danmakuDensityLimit', ['无', '低', '中', '高']); + showCurrentVal('opacity'); + showCurrentVal('speed'); + showCurrentVal('fontSize'); + showCurrentVal('heightRatio'); + showCurrentVal('danmakuDensityLimit', ['无', '低', '中', '高']); + + modal.addEventListener('keydown', event => event.stopPropagation(), true); + + const closeModal = () => { + document.body.removeChild(modal); + modal.removeEventListener('keydown', event => event.stopPropagation(), true); + }; + + document.getElementById('saveSettings').onclick = () => { + try { + window.ede.opacity = parseFloatOfRange(document.getElementById('opacity').value, 0, 1); + window.localStorage.setItem('danmakuopacity', window.ede.opacity.toString()); + showDebugInfo(`设置弹幕透明度：${window.ede.opacity}`); + window.ede.speed = parseFloatOfRange(document.getElementById('speed').value, 100, 600); + window.localStorage.setItem('danmakuspeed', window.ede.speed.toString()); + showDebugInfo(`设置弹幕速度：${window.ede.speed}`); + window.ede.fontSize = parseFloatOfRange(document.getElementById('fontSize').value, 8, 40); + window.localStorage.setItem('danmakusize', window.ede.fontSize.toString()); + showDebugInfo(`设置弹幕大小：${window.ede.fontSize}`); + window.ede.heightRatio = parseFloatOfRange(document.getElementById('heightRatio').value, 0, 1); + window.localStorage.setItem('danmakuheight', window.ede.heightRatio.toString()); + showDebugInfo(`设置弹幕高度：${window.ede.heightRatio}`); + window.ede.danmakufilter = 0; + document.querySelectorAll('input[name="danmakufilter"]:checked').forEach(element => { + window.ede.danmakufilter += parseInt(element.value, 10); + }); + window.localStorage.setItem('danmakufilter', window.ede.danmakufilter); + showDebugInfo(`设置弹幕过滤：${window.ede.danmakufilter}`); + window.ede.danmakuDensityLimit = parseInt(document.getElementById('danmakuDensityLimit').value); + window.localStorage.setItem('danmakuDensityLimit', window.ede.danmakuDensityLimit); + showDebugInfo(`设置弹幕密度限制等级：${window.ede.danmakuDensityLimit}`); + window.ede.chConvert = parseInt(document.querySelector('input[name="chConvert"]:checked').value); + window.localStorage.setItem('chConvert', window.ede.chConvert); + showDebugInfo(`设置简繁转换：${window.ede.chConvert}`); + reloadDanmaku('reload'); + document.body.removeChild(modal); + } catch (e) { + alert(`Invalid input: ${e.message}`); } + }; + document.getElementById('cancelSettings').onclick = closeModal; + } + }; + + const sendDanmakuOpts = { + title: '发送弹幕', + id: 'sendDanmaku', + class: send_icon, + onclick: () => { + // 登录窗口 + if (!document.getElementById('loginDialog')) { const modal = document.createElement('div'); - modal.id = 'danmakuModal'; + modal.id = 'loginDialog'; modal.className = 'dialogContainer'; + modal.style.display = 'none'; modal.innerHTML = `
-
-
- 透明度: - -
-
- 弹幕速度: - -
-
- 字体大小: - -
-
- 高度比例: - -
-
- 密度限制等级: - -
-
- -
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
+
+
+
+ 请输入弹弹Play账号密码
-
- - +
+ 账号: +
-
`; +
+ 密码: + +
+
+
+ + +
+
+
+ `; document.body.appendChild(modal); - document.getElementById(`chConvert${window.ede.chConvert}`).checked = true; - - (window.ede.danmakufilter & 1) === 1 ? document.getElementById('filterBilibili').checked = true : document.getElementById('filterBilibili').checked = false; - (window.ede.danmakufilter & 2) === 2 ? document.getElementById('filterGamer').checked = true : document.getElementById('filterGamer').checked = false; - (window.ede.danmakufilter & 4) === 4 ? document.getElementById('filterDanDanPlay').checked = true : document.getElementById('filterDanDanPlay').checked = false; - (window.ede.danmakufilter & 8) === 8 ? document.getElementById('filterOthers').checked = true : document.getElementById('filterOthers').checked = false; - - function showCurrentVal(id, ticks) { - const val = document.getElementById(id).value; - const span = document.getElementById('lb' + id); - const prefix = span.innerText.split(':')[0]; - if (ticks) { - span.innerText = prefix + ': ' + ticks[val]; - } else { - span.innerText = prefix + ': ' + val; - } - } - - document.getElementById('opacity').oninput = () => showCurrentVal('opacity'); - document.getElementById('speed').oninput = () => showCurrentVal('speed'); - document.getElementById('fontSize').oninput = () => showCurrentVal('fontSize'); - document.getElementById('heightRatio').oninput = () => showCurrentVal('heightRatio'); - document.getElementById('danmakuDensityLimit').oninput = () => showCurrentVal('danmakuDensityLimit', ['无', '低', '中', '高']); - showCurrentVal('opacity'); - showCurrentVal('speed'); - showCurrentVal('fontSize'); - showCurrentVal('heightRatio'); - showCurrentVal('danmakuDensityLimit', ['无', '低', '中', '高']); - - modal.addEventListener('keydown', event => event.stopPropagation(), true); - - const closeModal = () => { - document.body.removeChild(modal); - modal.removeEventListener('keydown', event => event.stopPropagation(), true); - }; - - document.getElementById('saveSettings').onclick = () => { - try { - window.ede.opacity = parseFloatOfRange(document.getElementById('opacity').value, 0, 1); - window.localStorage.setItem('danmakuopacity', window.ede.opacity.toString()); - showDebugInfo(`设置弹幕透明度：${window.ede.opacity}`); - window.ede.speed = parseFloatOfRange(document.getElementById('speed').value, 100, 600); - window.localStorage.setItem('danmakuspeed', window.ede.speed.toString()); - showDebugInfo(`设置弹幕速度：${window.ede.speed}`); - window.ede.fontSize = parseFloatOfRange(document.getElementById('fontSize').value, 8, 40); - window.localStorage.setItem('danmakusize', window.ede.fontSize.toString()); - showDebugInfo(`设置弹幕大小：${window.ede.fontSize}`); - window.ede.heightRatio = parseFloatOfRange(document.getElementById('heightRatio').value, 0, 1); - window.localStorage.setItem('danmakuheight', window.ede.heightRatio.toString()); - showDebugInfo(`设置弹幕高度：${window.ede.heightRatio}`); - window.ede.danmakufilter = 0; - document.querySelectorAll('input[name="danmakufilter"]:checked').forEach(element => { - window.ede.danmakufilter += parseInt(element.value, 10); + document.getElementById('loginForm').onsubmit = (e) => { + e.preventDefault(); + const account = document.getElementById('ddPlayAccount').value; + const password = document.getElementById('ddPlayPassword').value; + if (account && password) { + loginDanDanPlay(account, password).then(status => { + if (status) { + document.getElementById('loginBtn').innerText = '登录✔️'; + let sleep = new Promise(resolve => setTimeout(resolve, 1500)); + sleep.then(() => { + document.getElementById('loginDialog').style.display = 'none'; + }); + modal.removeEventListener('keydown', event => event.stopPropagation(), true); + } }); - window.localStorage.setItem('danmakufilter', window.ede.danmakufilter); - showDebugInfo(`设置弹幕过滤：${window.ede.danmakufilter}`); - window.ede.danmakuDensityLimit = parseInt(document.getElementById('danmakuDensityLimit').value); - window.localStorage.setItem('danmakuDensityLimit', window.ede.danmakuDensityLimit); - showDebugInfo(`设置弹幕密度限制等级：${window.ede.danmakuDensityLimit}`); - window.ede.chConvert = parseInt(document.querySelector('input[name="chConvert"]:checked').value); - window.localStorage.setItem('chConvert', window.ede.chConvert); - showDebugInfo(`设置简繁转换：${window.ede.chConvert}`); - reloadDanmaku('reload'); - document.body.removeChild(modal); - } catch (e) { - alert(`Invalid input: ${e.message}`); } }; - document.getElementById('cancelSettings').onclick = closeModal; + document.getElementById('cancelBtn').onclick = () => { + document.getElementById('loginDialog').style.display = 'none'; + modal.removeEventListener('keydown', event => event.stopPropagation(), true); + }; } - }; - const sendDanmakuOpts = { - title: '发送弹幕', - id: 'sendDanmaku', - class: send_icon, - onclick: () => { - // 登录窗口 - if (!document.getElementById('loginDialog')) { - const modal = document.createElement('div'); - modal.id = 'loginDialog'; - modal.className = 'dialogContainer'; - modal.style.display = 'none'; - modal.innerHTML = ` -
-
-
-
- 请输入弹弹Play账号密码 -
-
- 账号: - -
-
- 密码: - -
+ // 发送窗口 + if (!document.getElementById('sendDanmakuDialog')) { + const modal = document.createElement('div'); + modal.id = 'sendDanmakuDialog'; + modal.className = 'dialogContainer'; + modal.style.display = 'none'; + modal.innerHTML = ` +
+ +
+
+
-
- - +
+
- -
- `; - document.body.appendChild(modal); - - document.getElementById('loginForm').onsubmit = (e) => { - e.preventDefault(); - const account = document.getElementById('ddPlayAccount').value; - const password = document.getElementById('ddPlayPassword').value; - if (account && password) { - loginDanDanPlay(account, password).then(status => { - if (status) { - document.getElementById('loginBtn').innerText = '登录✔️'; - let sleep = new Promise(resolve => setTimeout(resolve, 1500)); - sleep.then(() => { - document.getElementById('loginDialog').style.display = 'none'; - }); - modal.removeEventListener('keydown', event => event.stopPropagation(), true); - } - }); - } - }; - document.getElementById('cancelBtn').onclick = () => { - document.getElementById('loginDialog').style.display = 'none'; - modal.removeEventListener('keydown', event => event.stopPropagation(), true); - }; - } - - // 发送窗口 - if (!document.getElementById('sendDanmakuDialog')) { - const modal = document.createElement('div'); - modal.id = 'sendDanmakuDialog'; - modal.className = 'dialogContainer'; - modal.style.display = 'none'; - modal.innerHTML = ` -
-
-
-
- -
-
- -
-
-
-
-
-
-
-
-
-
- - - -
+
+
+
+
+
+
+
+
+
+ + +
-
- `; - document.body.appendChild(modal); - document.getElementById('sendDanmakuForm').onsubmit = (e) => { - e.preventDefault(); - const danmakuText = document.getElementById('danmakuText').value; - if (danmakuText === '') { - const txt = document.getElementById('danmakuText'); - txt.placeholder = '弹幕内容不能为空！'; - txt.focus(); - return; - } - const _media = document.querySelector(mediaQueryStr); - const currentTime = _media.currentTime; - const mode = parseInt(document.querySelector('input[name="danmakuMode"]:checked').value); - sendDanmaku(danmakuText, currentTime, mode); - // 清空输入框的值 - document.getElementById('danmakuText').value = ''; - modal.style.display = 'none'; - modal.removeEventListener('keydown', event => event.stopPropagation(), true); - }; - document.getElementById('cancelSendDanmakuBtn').onclick = () => { - modal.style.display = 'none'; - modal.removeEventListener('keydown', event => event.stopPropagation(), true); - }; - } + +
+ `; + document.body.appendChild(modal); + document.getElementById('sendDanmakuForm').onsubmit = (e) => { + e.preventDefault(); + const danmakuText = document.getElementById('danmakuText').value; + if (danmakuText === '') { + const txt = document.getElementById('danmakuText'); + txt.placeholder = '弹幕内容不能为空！'; + txt.focus(); + return; + } + const _media = document.querySelector(mediaQueryStr); + const currentTime = _media.currentTime; + const mode = parseInt(document.querySelector('input[name="danmakuMode"]:checked').value); + sendDanmaku(danmakuText, currentTime, mode); + // 清空输入框的值 + document.getElementById('danmakuText').value = ''; + modal.style.display = 'none'; + modal.removeEventListener('keydown', event => event.stopPropagation(), true); + }; + document.getElementById('cancelSendDanmakuBtn').onclick = () => { + modal.style.display = 'none'; + modal.removeEventListener('keydown', event => event.stopPropagation(), true); + }; + } - if (ddplayStatus.isLogin) { - const txt = document.getElementById('danmakuText'); - txt.placeholder = '请输入弹幕内容'; - txt.value = ''; - txt.focus(); - document.getElementById('sendDanmakuDialog').style.display = 'block'; - document.getElementById('sendDanmakuDialog').addEventListener('keydown', event => event.stopPropagation(), true); - const animeTitle = window.ede.episode_info ? window.ede.episode_info.animeTitle : ''; - const episodeTitle = window.ede.episode_info ? window.ede.episode_info.episodeTitle : ''; - document.getElementById('lbAnimeTitle').innerText = `当前番剧: ${animeTitle || ''}`; - document.getElementById('lbEpisodeTitle').innerText = `当前集数: ${episodeTitle || ''}`; - } else { - document.getElementById('loginDialog').style.display = 'block'; - document.getElementById('loginDialog').addEventListener('keydown', event => event.stopPropagation(), true); - } + if (ddplayStatus.isLogin) { + const txt = document.getElementById('danmakuText'); + txt.placeholder = '请输入弹幕内容'; + txt.value = ''; + txt.focus(); + document.getElementById('sendDanmakuDialog').style.display = 'block'; + document.getElementById('sendDanmakuDialog').addEventListener('keydown', event => event.stopPropagation(), true); + const animeTitle = window.ede.episode_info ? window.ede.episode_info.animeTitle : ''; + const episodeTitle = window.ede.episode_info ? window.ede.episode_info.episodeTitle : ''; + document.getElementById('lbAnimeTitle').innerText = `当前番剧: ${animeTitle || ''}`; + document.getElementById('lbEpisodeTitle').innerText = `当前集数: ${episodeTitle || ''}`; + } else { + document.getElementById('loginDialog').style.display = 'block'; + document.getElementById('loginDialog').addEventListener('keydown', event => event.stopPropagation(), true); } - }; + } + }; - // ------ configs end------ - /* eslint-disable */ - /* https://cdn.jsdelivr.net/npm/danmaku/dist/danmaku.min.js */ - // prettier-ignore - !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Danmaku=e()}(this,(function(){"use strict";var t=function(){if("undefined"==typeof document)return"transform";for(var t=["oTransform","msTransform","mozTransform","webkitTransform","transform"],e=document.createElement("div").style,i=0;i0&&a!==1/0?Math.ceil(a):1*!!o.strokeStyle,h.font=o.font,t.width=t.width||Math.max(1,Math.ceil(h.measureText(t.text).width)+2*a),t.height=t.height||Math.ceil(function(t,e){if(s[t])return s[t];var i=12,n=t.match(/(\d+(?:\.\d+)?)(px|%|em|rem)(?:\s*\/\s*(\d+(?:\.\d+)?)(px|%|em|rem)?)?/);if(n){var r=1*n[1]||10,h=n[2],o=1*n[3]||1.2,a=n[4];"%"===h&&(r*=e.container/100),"em"===h&&(r*=e.container),"rem"===h&&(r*=e.root),"px"===a&&(i=o),"%"===a&&(i=r*o/100),"em"===a&&(i=r*o),"rem"===a&&(i=e.root*o),void 0===a&&(i=r*o)}return s[t]=i,i}(o.font,e))+2*a,r.width=t.width*n,r.height=t.height*n,h.scale(n,n),o)h[d]=o[d];var u=0;switch(o.textBaseline){case"top":case"hanging":u=a;break;case"middle":u=t.height>>1;break;default:u=t.height-a}return o.strokeStyle&&h.strokeText(t.text,a,u),h.fillText(t.text,a,u),r}function h(t){return 1*window.getComputedStyle(t,null).getPropertyValue("font-size").match(/(.+)px/)[1]}var o={name:"canvas",init:function(t){var e=document.createElement("canvas");return e.context=e.getContext("2d"),e._fontSize={root:h(document.getElementsByTagName("html")[0]),container:h(t)},e},clear:function(t,e){t.context.clearRect(0,0,t.width,t.height);for(var i=0;ir)return!0;var h=e._.duration+t.time-i,o=e._.width+s.width,a=e.media?s.time:s._utc,d=o*(i-a)*n/e._.duration,u=e._.width-d;return h>e._.duration*u/(e._.width+s.width)}for(var r=this._.space[t.mode],h=0,o=0,a=1;a=u){o=a;break}s(d,t)&&(h=a)}var m=r[h].range,c={range:m+t.height,time:this.media?t.time:t._utc,width:t.width,height:t.height};return r.splice(h+1,o-h-1,c),"bottom"===t.mode?this._.height-t.height-m%this._.height:m%(this._.height-t.height)}var d="undefined"!=typeof window&&(window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame)||function(t){return setTimeout(t,50/3)},u="undefined"!=typeof window&&(window.cancelAnimationFrame||window.mozCancelAnimationFrame||window.webkitCancelAnimationFrame)||clearTimeout;function m(t,e,i){for(var n=0,s=0,r=t.length;s=t[n=s+r>>1][e]?s=n:r=n;return t[s]&&i=0;u--)o=this._.runningList[u],r-(d=this.media?o.time:o._utc)>this._.duration&&(n(this._.stage,o),this._.runningList.splice(u,1));for(var m=[];this._.position=r));)r-d>this._.duration||(this.media&&(o._utc=s-(this.media.currentTime-o.time)),m.push(o)),++this._.position;for(e(this._.stage,m),u=0;u>1),i(this._.stage,o)}}}(this._.engine.framing.bind(this),this._.engine.setup.bind(this),this._.engine.render.bind(this),this._.engine.remove.bind(this));return this._.requestID=d((function t(){n.call(i),i._.requestID=d(t)})),this}function g(){return!this._.visible||this._.paused||(this._.paused=!0,u(this._.requestID),this._.requestID=0),this}function _(){if(!this.media)return this;this.clear(),f(this._.space);var t=m(this.comments,"time",this.media.currentTime);return this._.position=Math.max(0,t-1),this}function v(t){t.play=p.bind(this),t.pause=g.bind(this),t.seeking=_.bind(this),this.media.addEventListener("play",t.play),this.media.addEventListener("pause",t.pause),this.media.addEventListener("playing",t.play),this.media.addEventListener("waiting",t.pause),this.media.addEventListener("seeking",t.seeking)}function w(t){this.media.removeEventListener("play",t.play),this.media.removeEventListener("pause",t.pause),this.media.removeEventListener("playing",t.play),this.media.removeEventListener("waiting",t.pause),this.media.removeEventListener("seeking",t.seeking),t.play=null,t.pause=null,t.seeking=null}function y(t){this._={},this.container=t.container||document.createElement("div"),this.media=t.media,this._.visible=!0,this.engine=(t.engine||"DOM").toLowerCase(),this._.engine="canvas"===this.engine?o:i,this._.requestID=0,this._.speed=Math.max(0,t.speed)||144,this._.duration=4,this.comments=t.comments||[],this.comments.sort((function(t,e){return t.time-e.time}));for(var e=0;e0&&a!==1/0?Math.ceil(a):1*!!o.strokeStyle,h.font=o.font,t.width=t.width||Math.max(1,Math.ceil(h.measureText(t.text).width)+2*a),t.height=t.height||Math.ceil(function(t,e){if(s[t])return s[t];var i=12,n=t.match(/(\d+(?:\.\d+)?)(px|%|em|rem)(?:\s*\/\s*(\d+(?:\.\d+)?)(px|%|em|rem)?)?/);if(n){var r=1*n[1]||10,h=n[2],o=1*n[3]||1.2,a=n[4];"%"===h&&(r*=e.container/100),"em"===h&&(r*=e.container),"rem"===h&&(r*=e.root),"px"===a&&(i=o),"%"===a&&(i=r*o/100),"em"===a&&(i=r*o),"rem"===a&&(i=e.root*o),void 0===a&&(i=r*o)}return s[t]=i,i}(o.font,e))+2*a,r.width=t.width*n,r.height=t.height*n,h.scale(n,n),o)h[d]=o[d];var u=0;switch(o.textBaseline){case"top":case"hanging":u=a;break;case"middle":u=t.height>>1;break;default:u=t.height-a}return o.strokeStyle&&h.strokeText(t.text,a,u),h.fillText(t.text,a,u),r}function h(t){return 1*window.getComputedStyle(t,null).getPropertyValue("font-size").match(/(.+)px/)[1]}var o={name:"canvas",init:function(t){var e=document.createElement("canvas");return e.context=e.getContext("2d"),e._fontSize={root:h(document.getElementsByTagName("html")[0]),container:h(t)},e},clear:function(t,e){t.context.clearRect(0,0,t.width,t.height);for(var i=0;ir)return!0;var h=e._.duration+t.time-i,o=e._.width+s.width,a=e.media?s.time:s._utc,d=o*(i-a)*n/e._.duration,u=e._.width-d;return h>e._.duration*u/(e._.width+s.width)}for(var r=this._.space[t.mode],h=0,o=0,a=1;a=u){o=a;break}s(d,t)&&(h=a)}var m=r[h].range,c={range:m+t.height,time:this.media?t.time:t._utc,width:t.width,height:t.height};return r.splice(h+1,o-h-1,c),"bottom"===t.mode?this._.height-t.height-m%this._.height:m%(this._.height-t.height)}var d="undefined"!=typeof window&&(window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame)||function(t){return setTimeout(t,50/3)},u="undefined"!=typeof window&&(window.cancelAnimationFrame||window.mozCancelAnimationFrame||window.webkitCancelAnimationFrame)||clearTimeout;function m(t,e,i){for(var n=0,s=0,r=t.length;s=t[n=s+r>>1][e]?s=n:r=n;return t[s]&&i=0;u--)o=this._.runningList[u],r-(d=this.media?o.time:o._utc)>this._.duration&&(n(this._.stage,o),this._.runningList.splice(u,1));for(var m=[];this._.position=r));)r-d>this._.duration||(this.media&&(o._utc=s-(this.media.currentTime-o.time)),m.push(o)),++this._.position;for(e(this._.stage,m),u=0;u>1),i(this._.stage,o)}}}(this._.engine.framing.bind(this),this._.engine.setup.bind(this),this._.engine.render.bind(this),this._.engine.remove.bind(this));return this._.requestID=d((function t(){n.call(i),i._.requestID=d(t)})),this}function g(){return!this._.visible||this._.paused||(this._.paused=!0,u(this._.requestID),this._.requestID=0),this}function _(){if(!this.media)return this;this.clear(),f(this._.space);var t=m(this.comments,"time",this.media.currentTime);return this._.position=Math.max(0,t-1),this}function v(t){t.play=p.bind(this),t.pause=g.bind(this),t.seeking=_.bind(this),this.media.addEventListener("play",t.play),this.media.addEventListener("pause",t.pause),this.media.addEventListener("playing",t.play),this.media.addEventListener("waiting",t.pause),this.media.addEventListener("seeking",t.seeking)}function w(t){this.media.removeEventListener("play",t.play),this.media.removeEventListener("pause",t.pause),this.media.removeEventListener("playing",t.play),this.media.removeEventListener("waiting",t.pause),this.media.removeEventListener("seeking",t.seeking),t.play=null,t.pause=null,t.seeking=null}function y(t){this._={},this.container=t.container||document.createElement("div"),this.media=t.media,this._.visible=!0,this.engine=(t.engine||"DOM").toLowerCase(),this._.engine="canvas"===this.engine?o:i,this._.requestID=0,this._.speed=Math.max(0,t.speed)||144,this._.duration=4,this.comments=t.comments||[],this.comments.sort((function(t,e){return t.time-e.time}));for(var e=0;e= 0 && this.danmakufilter < 16 ? this.danmakufilter : 0; - // 弹幕密度限制等级 0:不限制 1:低 2:中 3:高 - const danmakuDensityLimit = window.localStorage.getItem('danmakuDensityLimit'); - this.danmakuDensityLimit = danmakuDensityLimit ? parseInt(danmakuDensityLimit) : 0; - - this.danmaku = null; - this.episode_info = null; - this.episode_info_str = ''; - this.obResize = null; - this.obMutation = null; - this.loading = false; - } + class EDE { + constructor() { + // 简繁转换 0:不转换 1:简体 2:繁体 + const chConvert = window.localStorage.getItem('chConvert'); + this.chConvert = chConvert ? parseInt(chConvert) : 1; + // 开关弹幕 0:关闭 1:打开 + const danmakuSwitch = window.localStorage.getItem('danmakuSwitch'); + this.danmakuSwitch = danmakuSwitch ? parseInt(danmakuSwitch) : 1; + // 开关日志 0:关闭 1:打开 + const logSwitch = window.localStorage.getItem('logSwitch'); + this.logSwitch = logSwitch ? parseInt(logSwitch) : 0; + // 弹幕透明度 + const opacityRecord = window.localStorage.getItem('danmakuopacity'); + this.opacity = opacityRecord ? parseFloatOfRange(opacityRecord, 0.0, 1.0) : 0.7 + // 弹幕速度 + const speedRecord = window.localStorage.getItem('danmakuspeed'); + this.speed = speedRecord ? parseFloatOfRange(speedRecord, 0.0, 1000.0) : 200 + // 弹幕字体大小 + const sizeRecord = window.localStorage.getItem('danmakusize'); + this.fontSize = sizeRecord ? parseFloatOfRange(sizeRecord, 0.0, 50.0) : 18 + // 弹幕高度 + const heightRecord = window.localStorage.getItem('danmakuheight'); + this.heightRatio = heightRecord ? parseFloatOfRange(heightRecord, 0.0, 1.0) : 0.7 + // 弹幕过滤 + const danmakufilter = window.localStorage.getItem('danmakufilter'); + this.danmakufilter = danmakufilter ? parseInt(danmakufilter) : 0; + this.danmakufilter = this.danmakufilter >= 0 && this.danmakufilter < 16 ? this.danmakufilter : 0; + // 弹幕密度限制等级 0:不限制 1:低 2:中 3:高 + const danmakuDensityLimit = window.localStorage.getItem('danmakuDensityLimit'); + this.danmakuDensityLimit = danmakuDensityLimit ? parseInt(danmakuDensityLimit) : 0; + + this.danmaku = null; + this.episode_info = null; + this.obResize = null; + this.obMutation = null; + this.loading = false; } + } - const parseFloatOfRange = (str, lb, hb) => { - let parsedValue = parseFloat(str); - if (isNaN(parsedValue)) { - throw new Error('输入无效!'); - } - return Math.min(Math.max(parsedValue, lb), hb); - }; - - function createButton(opt) { - let button = document.createElement('button'); - button.className = buttonOptions.class; - button.setAttribute('is', buttonOptions.is); - button.setAttribute('title', opt.title); - button.setAttribute('id', opt.id); - let icon = document.createElement('span'); - icon.className = spanClass + opt.class; - button.appendChild(icon); - button.onclick = opt.onclick; - return button; + const parseFloatOfRange = (str, lb, hb) => { + let parsedValue = parseFloat(str); + if (isNaN(parsedValue)) { + throw new Error('输入无效!'); } + return Math.min(Math.max(parsedValue, lb), hb); + }; + + function createButton(opt) { + let button = document.createElement('button'); + button.className = buttonOptions.class; + button.setAttribute('is', buttonOptions.is); + button.setAttribute('title', opt.title); + button.setAttribute('id', opt.id); + let icon = document.createElement('span'); + icon.className = spanClass + opt.class; + button.appendChild(icon); + button.onclick = opt.onclick; + return button; + } - function initListener() { - let container = document.querySelector(mediaQueryStr); - // 页面未加载 - if (!container) { - if (window.ede.episode_info) { - window.ede.episode_info = null; - } - return; + function initListener() { + let container = document.querySelector(mediaQueryStr); + // 页面未加载 + if (!container) { + if (window.ede.episode_info) { + window.ede.episode_info = null; } + return; } + } - function initUI() { - // 页面未加载 - let uiAnchor = document.getElementsByClassName(uiAnchorStr); - if (!uiAnchor || !uiAnchor[0]) { - return; - } - // 已初始化 - if (document.getElementById('danmakuCtr')) { - return; - } - showDebugInfo('正在初始化UI'); - // 弹幕按钮容器div - let uiEle = null; - document.querySelectorAll(uiQueryStr).forEach(function (element) { - if (element.offsetParent != null) { - uiEle = element; - } - }); - if (uiEle == null) { - return; - } - - let parent = uiEle.parentNode; - let menubar = document.createElement('div'); - menubar.id = 'danmakuCtr'; - if (!window.ede.episode_info) { - menubar.style.opacity = 0.5; + function initUI() { + // 页面未加载 + let uiAnchor = document.getElementsByClassName(uiAnchorStr); + if (!uiAnchor || !uiAnchor[0]) { + return; + } + // 已初始化 + if (document.getElementById('danmakuCtr')) { + return; + } + showDebugInfo('正在初始化UI'); + // 弹幕按钮容器div + let uiEle = null; + document.querySelectorAll(uiQueryStr).forEach(function (element) { + if (element.offsetParent != null) { + uiEle = element; } - - parent.insertBefore(menubar, uiEle); - // 弹幕开关 - displayButtonOpts.class = danmaku_icons[window.ede.danmakuSwitch]; - menubar.appendChild(createButton(displayButtonOpts)); - // 手动匹配 - menubar.appendChild(createButton(searchButtonOpts)); - // 手动增加弹幕源 - menubar.appendChild(createButton(sourceButtonOpts)); - // 弹幕设置 - menubar.appendChild(createButton(danmakuInteractionOpts)); - // 日志开关 - logButtonOpts.class = log_icons[window.ede.logSwitch]; - menubar.appendChild(createButton(logButtonOpts)); - // 发送弹幕 - menubar.appendChild(createButton(sendDanmakuOpts)); - - let _container = null; - document.querySelectorAll(mediaContainerQueryStr).forEach(function (element) { - if (!element.classList.contains('hide')) { - _container = element; - } - }); - let span = document.createElement('span'); - span.id = 'debugInfo'; - span.style.position = 'absolute'; - span.style.overflow = 'auto'; - span.style.zIndex = '99'; - span.style.right = '50px'; - span.style.top = '50px'; - span.style.background = 'rgba(28, 28, 28, .8)'; - span.style.color = '#fff'; - span.style.padding = '20px'; - span.style.borderRadius = '.3em'; - span.style.maxHeight = '50%' - window.ede.logSwitch == 1 ? (span.style.display = 'block') : (span.style.display = 'none'); - _container.appendChild(span); - - - showDebugInfo('UI初始化完成'); - reloadDanmaku('init'); - refreshDanDanPlayToken(); + }); + if (uiEle == null) { + return; } - async function loginDanDanPlay(account, passwd) { - const loginUrl = corsProxy + 'https://api.dandanplay.net/api/v2/login' - const params = { - 'userName': account, - 'password': passwd - }; - - const resp = await fetch(loginUrl, { - method: 'POST', - headers: { - 'Content-Type': 'application/json', - 'Accept': 'application/json', - 'User-Agent': navigator.userAgent - }, - body: JSON.stringify(params) - }); + let parent = uiEle.parentNode; + let menubar = document.createElement('div'); + menubar.id = 'danmakuCtr'; + if (!window.ede.episode_info) { + menubar.style.opacity = 0.5; + } - if (resp.status != 200) { - showDebugInfo('登录失败 http error:' + resp.status); - alert('登录失败 http error:' + resp.status); - return false; + parent.insertBefore(menubar, uiEle); + // 弹幕开关 + displayButtonOpts.class = danmaku_icons[window.ede.danmakuSwitch]; + menubar.appendChild(createButton(displayButtonOpts)); + // 手动匹配 + menubar.appendChild(createButton(searchButtonOpts)); + // 手动增加弹幕源 + menubar.appendChild(createButton(sourceButtonOpts)); + // 弹幕设置 + menubar.appendChild(createButton(danmakuInteractionOpts)); + // 日志开关 + logButtonOpts.class = log_icons[window.ede.logSwitch]; + menubar.appendChild(createButton(logButtonOpts)); + // 发送弹幕 + menubar.appendChild(createButton(sendDanmakuOpts)); + + let _container = null; + document.querySelectorAll(mediaContainerQueryStr).forEach(function (element) { + if (!element.classList.contains('hide')) { + _container = element; } + }); + let span = document.createElement('span'); + span.id = 'debugInfo'; + span.style.position = 'absolute'; + span.style.overflow = 'auto'; + span.style.zIndex = '99'; + span.style.right = '50px'; + span.style.top = '50px'; + span.style.background = 'rgba(28, 28, 28, .8)'; + span.style.color = '#fff'; + span.style.padding = '20px'; + span.style.borderRadius = '.3em'; + span.style.maxHeight = '50%' + window.ede.logSwitch == 1 ? (span.style.display = 'block') : (span.style.display = 'none'); + _container.appendChild(span); + + + showDebugInfo('UI初始化完成'); + reloadDanmaku('init'); + refreshDanDanPlayToken(); + } - const json = await resp.json(); - if (json.errorCode != 0) { - showDebugInfo('登录失败 ' + json.errorMessage); - alert('登录失败 ' + json.errorMessage); - return false; - } + async function loginDanDanPlay(account, passwd) { + const loginUrl = corsProxy + 'https://api.dandanplay.net/api/v2/login' + const params = { + 'userName': account, + 'password': passwd + }; + + const resp = await fetch(loginUrl, { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + 'Accept': 'application/json', + 'User-Agent': navigator.userAgent + }, + body: JSON.stringify(params) + }); - ddplayStatus.isLogin = true; - ddplayStatus.token = json.token; - ddplayStatus.tokenExpire = json.tokenExpireTime; - window.localStorage.setItem('ddplayStatus', JSON.stringify(ddplayStatus)); - showDebugInfo('登录成功'); - return true; + if (resp.status != 200) { + showDebugInfo('登录失败 http error:' + resp.status); + alert('登录失败 http error:' + resp.status); + return false; } - async function refreshDanDanPlayToken() { - if (ddplayStatus.isLogin) { - const now = Math.floor(Date.now() / 1000); - const expire = new Date(ddplayStatus.tokenExpire).getTime() / 1000; - if (expire < now) { - ddplayStatus.isLogin = false; - return; - } else if (expire - now > 259200) { - return; - } else { // refresh token before 3 days - const refreshUrl = corsProxy + 'https://api.dandanplay.net/api/v2/login/renew'; - const resp = await fetch(refreshUrl, { - method: 'GET', - headers: { - 'Accept': 'application/json', - 'User-Agent': navigator.userAgent, - 'Authorization': 'Bearer ' + ddplayStatus.token - } - }); - if (resp.status != 200) { - showDebugInfo('刷新弹弹Play Token失败 http error:' + resp.status); - return; - } - const json = await resp.json(); - if (json.errorCode == 0) { - ddplayStatus.isLogin = true; - ddplayStatus.token = json.token; - ddplayStatus.tokenExpire = json.tokenExpireTime; - } else { - showDebugInfo('刷新弹弹Play Token失败'); - showDebugInfo(json.errorMessage); - } - } - } + const json = await resp.json(); + if (json.errorCode != 0) { + showDebugInfo('登录失败 ' + json.errorMessage); + alert('登录失败 ' + json.errorMessage); + return false; } - async function sendDanmaku(danmakuText, time, mode = 1, color = 0xffffff) { - if (ddplayStatus.isLogin) { - if (!window.ede.episode_info || !window.ede.episode_info.episodeId) { - showDebugInfo('发送弹幕失败 未获取到弹幕信息'); - alert('请先获取弹幕信息'); - return; - } - const danmakuUrl = corsProxy + 'https://api.dandanplay.net/api/v2/comment/' + window.ede.episode_info.episodeId; - const params = { - 'time': time, - 'mode': mode, - 'color': color, - 'comment': danmakuText - }; - const resp = await fetch(danmakuUrl, { - method: 'POST', + ddplayStatus.isLogin = true; + ddplayStatus.token = json.token; + ddplayStatus.tokenExpire = json.tokenExpireTime; + window.localStorage.setItem('ddplayStatus', JSON.stringify(ddplayStatus)); + showDebugInfo('登录成功'); + return true; + } + + async function refreshDanDanPlayToken() { + if (ddplayStatus.isLogin) { + const now = Math.floor(Date.now() / 1000); + const expire = new Date(ddplayStatus.tokenExpire).getTime() / 1000; + if (expire < now) { + ddplayStatus.isLogin = false; + return; + } else if (expire - now > 259200) { + return; + } else { // refresh token before 3 days + const refreshUrl = corsProxy + 'https://api.dandanplay.net/api/v2/login/renew'; + const resp = await fetch(refreshUrl, { + method: 'GET', headers: { - 'Content-Type': 'application/json', 'Accept': 'application/json', 'User-Agent': navigator.userAgent, 'Authorization': 'Bearer ' + ddplayStatus.token - }, - body: JSON.stringify(params) + } }); - if (resp.status != 200) { - showDebugInfo('发送弹幕失败 http error:' + resp.status); + showDebugInfo('刷新弹弹Play Token失败 http error:' + resp.status); return; } const json = await resp.json(); if (json.errorCode == 0) { - const colorStr = `000000${color.toString(16)}`.slice(-6); - const modemap = { 6: 'ltr', 1: 'rtl', 5: 'top', 4: 'bottom' }[mode]; - const comment = { - text: danmakuText, - mode: modemap, - time: time, - style: { - font: `${window.ede.fontSize}px sans-serif`, - fillStyle: `#${colorStr}`, - strokeStyle: colorStr === '000000' ? '#fff' : '#000', - lineWidth: 2.0, - }, - }; - window.ede.danmaku.emit(comment); - showDebugInfo('发送弹幕成功'); + ddplayStatus.isLogin = true; + ddplayStatus.token = json.token; + ddplayStatus.tokenExpire = json.tokenExpireTime; } else { - showDebugInfo('发送弹幕失败'); + showDebugInfo('刷新弹弹Play Token失败'); showDebugInfo(json.errorMessage); - alert('发送失败：' + json.errorMessage); } } } + } - async function postRelatedSource(relatedUrl) { - const url = corsProxy + 'https://api.dandanplay.net/api/v2/related/' + window.ede.episode_info.episodeId; - const params = { - 'episodeId': window.ede.episode_info.episodeId, - 'url': relatedUrl, - 'shift': 0 + async function sendDanmaku(danmakuText, time, mode = 1, color = 0xffffff) { + if (ddplayStatus.isLogin) { + if (!window.ede.episode_info || !window.ede.episode_info.episodeId) { + showDebugInfo('发送弹幕失败 未获取到弹幕信息'); + alert('请先获取弹幕信息'); + return; } - - const resp = await fetch(url, { + const danmakuUrl = corsProxy + 'https://api.dandanplay.net/api/v2/comment/' + window.ede.episode_info.episodeId; + const params = { + 'time': time, + 'mode': mode, + 'color': color, + 'comment': danmakuText + }; + const resp = await fetch(danmakuUrl, { method: 'POST', headers: { 'Content-Type': 'application/json', @@ -688,219 +639,272 @@ }, body: JSON.stringify(params) }); + if (resp.status != 200) { - showDebugInfo('发送相关链接失败 http error:' + resp.code); + showDebugInfo('发送弹幕失败 http error:' + resp.status); return; } const json = await resp.json(); if (json.errorCode == 0) { - showDebugInfo('发送相关链接成功'); + const colorStr = `000000${color.toString(16)}`.slice(-6); + const modemap = { 6: 'ltr', 1: 'rtl', 5: 'top', 4: 'bottom' }[mode]; + const comment = { + text: danmakuText, + mode: modemap, + time: time, + style: { + font: `${window.ede.fontSize}px sans-serif`, + fillStyle: `#${colorStr}`, + strokeStyle: colorStr === '000000' ? '#fff' : '#000', + lineWidth: 2.0, + }, + }; + window.ede.danmaku.emit(comment); + showDebugInfo('发送弹幕成功'); } else { - showDebugInfo('发送相关链接失败'); + showDebugInfo('发送弹幕失败'); showDebugInfo(json.errorMessage); - alert('弹幕源提交弹弹Play失败：' + json.errorMessage); + alert('发送失败：' + json.errorMessage); } } + } - async function showDebugInfo(msg) { - let span = document.getElementById('debugInfo'); - while (!span) { - await new Promise((resolve) => setTimeout(resolve, 200)); - span = document.getElementById('debugInfo'); - } - let msgStr = msg; - if (typeof msg !== 'string') { - msgStr = JSON.stringify(msg); - } - if (logQueue.length > 0) { - let lastLine = logQueue[logQueue.length - 1]; - let baseLine = lastLine.replace(/ X\d+$/, ''); - if (baseLine === msgStr) { - let count = 2; - if (lastLine.match(/ X(\d+)$/)) { - count = parseInt(lastLine.match(/ X(\d+)$/)[1]) + 1; - } - msgStr = `${msgStr} X${count}`; - logQueue.pop(); - logLines-- - } - } - if (logLines < 15) { - logLines++; - logQueue.push(msgStr); - } else { - logQueue.shift(); - logQueue.push(msgStr); + async function postRelatedSource(relatedUrl) { + const url = corsProxy + 'https://api.dandanplay.net/api/v2/related/' + window.ede.episode_info.episodeId; + const params = { + 'episodeId': window.ede.episode_info.episodeId, + 'url': relatedUrl, + 'shift': 0 + } + + const resp = await fetch(url, { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + 'Accept': 'application/json', + 'User-Agent': navigator.userAgent, + 'Authorization': 'Bearer ' + ddplayStatus.token + }, + body: JSON.stringify(params) + }); + if (resp.status != 200) { + showDebugInfo('发送相关链接失败 http error:' + resp.code); + return; + } + const json = await resp.json(); + if (json.errorCode == 0) { + showDebugInfo('发送相关链接成功'); + } else { + showDebugInfo('发送相关链接失败'); + showDebugInfo(json.errorMessage); + alert('弹幕源提交弹弹Play失败：' + json.errorMessage); + } + } + + async function showDebugInfo(msg) { + let span = document.getElementById('debugInfo'); + while (!span) { + await new Promise((resolve) => setTimeout(resolve, 200)); + span = document.getElementById('debugInfo'); + } + let msgStr = msg; + if (typeof msg !== 'string') { + msgStr = JSON.stringify(msg); + } + + let lastLine = span.innerHTML.slice(span.innerHTML.lastIndexOf('
') + 4); + let baseLine = lastLine.replace(/ X\d+$/, ''); + if (baseLine === msgStr) { + let count = 2; + if (lastLine.match(/ X(\d+)$/)) { + count = parseInt(lastLine.match(/ X(\d+)$/)[1]) + 1; } - span.innerHTML = ''; - logQueue.forEach((line) => { - span.innerHTML += line + '
'; - }); - console.log(msg); + msgStr = `${msgStr} X${count}`; + span.innerHTML = span.innerHTML.slice(0, span.innerHTML.lastIndexOf('
') + 4) + msgStr; + } else { + span.innerHTML += span.innerHTML === '' ? msgStr : '
' + msgStr; } - async function getEmbyItemInfo() { - let playingInfo = null; - while (!playingInfo) { - await new Promise((resolve) => setTimeout(resolve, 200)); - let sessionInfo = await ApiClient.getSessions({ - userId: ApiClient.getCurrentUserId(), - deviceId: ApiClient.deviceId(), - }); - if (!sessionInfo[0].NowPlayingItem) { - await new Promise(resolve => setTimeout(resolve, 150)); - continue; - } - playingInfo = sessionInfo[0].NowPlayingItem; + console.log(msg); + } + + async function getEmbyItemInfo() { + let playingInfo = null; + while (!playingInfo) { + await new Promise((resolve) => setTimeout(resolve, 200)); + let sessionInfo = await ApiClient.getSessions({ + userId: ApiClient.getCurrentUserId(), + deviceId: ApiClient.deviceId(), + }); + if (!sessionInfo[0].NowPlayingItem) { + await new Promise(resolve => setTimeout(resolve, 150)); + continue; } - showDebugInfo('获取Item信息成功: ' + (playingInfo.SeriesName || playingInfo.Name)); - return playingInfo; + playingInfo = sessionInfo[0].NowPlayingItem; } + showDebugInfo('获取Item信息成功: ' + (playingInfo.SeriesName || playingInfo.Name)); + return playingInfo; + } - function makeGetRequest(url) { - if (isInTampermonkey) { - return new Promise((resolve, reject) => { - GM_xmlhttpRequest({ - method: "GET", - url: url, - headers: { - "Accept-Encoding": "gzip,br", - "Accept": "application/json" - }, - onload: function (response) { - resolve(response.responseText); - }, - onerror: function (error) { - reject(error); - } - }); - }); - } else { - return fetch(url, { - method: 'GET', + function makeGetRequest(url) { + if (isInTampermonkey) { + return new Promise((resolve, reject) => { + GM_xmlhttpRequest({ + method: "GET", + url: url, headers: { "Accept-Encoding": "gzip,br", - "Accept": "application/json", - "User-Agent": navigator.userAgent + "Accept": "application/json" + }, + onload: function (response) { + resolve(response.responseText); + }, + onerror: function (error) { + reject(error); } - }) - } + }); + }); + } else { + return fetch(url, { + method: 'GET', + headers: { + "Accept-Encoding": "gzip,br", + "Accept": "application/json", + "User-Agent": navigator.userAgent + } + }) } + } - async function getEpisodeInfo(is_auto = true) { - let item = await getEmbyItemInfo(); - if (!item) { - return null; - } - let _id; - let animeName; - let anime_id = -1; - let episode; - _id = item.SeasonId || item.Id; - animeName = item.SeriesName || item.Name; - episode = item.IndexNumber || 1; - let session = item.ParentIndexNumber; - if (session > 1) { - animeName += session; - } - let _id_key = '_anime_id_rel_' + _id; - let _name_key = '_anime_name_rel_' + _id; - let _episode_key = '_episode_id_rel_' + _id + '_' + episode; - if (is_auto) { - //优先使用记忆设置 - if (window.localStorage.getItem(_episode_key)) { - const episodeInfo = JSON.parse(window.localStorage.getItem(_episode_key)); - window.ede.episode_info_str = episodeInfo.animeTitle + '\n' + episodeInfo.episodeTitle; - return episodeInfo; - } - } - if (window.localStorage.getItem(_id_key)) { - anime_id = window.localStorage.getItem(_id_key); - } - if (window.localStorage.getItem(_name_key)) { - animeName = window.localStorage.getItem(_name_key); + async function getEpisodeInfo(is_auto = true) { + let item = await getEmbyItemInfo(); + if (!item) { + return null; + } + let _id; + let animeName; + let anime_id = -1; + let episode; + _id = item.SeasonId || item.Id; + animeName = item.SeriesName || item.Name; + episode = item.IndexNumber || 1; + let session = item.ParentIndexNumber; + if (session > 1) { + animeName += session; + } + let _id_key = '_anime_id_rel_' + _id; + let _name_key = '_anime_name_rel_' + _id; + let _episode_key = '_episode_id_rel_' + _id + '_' + episode; + if (is_auto) { + //优先使用记忆设置 + if (window.localStorage.getItem(_episode_key)) { + const episodeInfo = JSON.parse(window.localStorage.getItem(_episode_key)); + return episodeInfo; } - if (!is_auto) { - animeName = prompt('确认动画名:', animeName); - if (animeName == null || animeName == '') { - return null; - } + } + if (window.localStorage.getItem(_id_key)) { + anime_id = window.localStorage.getItem(_id_key); + } + if (window.localStorage.getItem(_name_key)) { + animeName = window.localStorage.getItem(_name_key); + } + if (!is_auto) { + animeName = prompt('确认动画名:', animeName); + if (animeName == null || animeName == '') { + return null; } + } - let searchUrl = apiPrefix + 'https://api.dandanplay.net/api/v2/search/episodes?anime=' + animeName + '&withRelated=true'; - let animaInfo = await makeGetRequest(searchUrl) - .then((response) => isInTampermonkey ? JSON.parse(response) : response.json()) - .catch((error) => { - showDebugInfo('查询失败:', error); - return null; - }); - if (animaInfo.animes.length == 0) { - const seriesInfo = await ApiClient.getItem(ApiClient.getCurrentUserId(), item.SeriesId || item.Id); - animeName = seriesInfo.OriginalTitle; - if (animeName.length > 0) { - searchUrl = apiPrefix + 'https://api.dandanplay.net/api/v2/search/episodes?anime=' + animeName + '&withRelated=true'; - animaInfo = await makeGetRequest(searchUrl) - .then((response) => isInTampermonkey ? JSON.parse(response) : response.json()) - .catch((error) => { - showDebugInfo('查询失败:', error); - return null; - }); - } - } - if (animaInfo.animes.length == 0) { - showDebugInfo('弹幕查询无结果'); + let searchUrl = apiPrefix + 'https://api.dandanplay.net/api/v2/search/episodes?anime=' + animeName + '&withRelated=true'; + let animaInfo = await makeGetRequest(searchUrl) + .then((response) => isInTampermonkey ? JSON.parse(response) : response.json()) + .catch((error) => { + showDebugInfo('查询失败:', error); return null; + }); + if (animaInfo.animes.length == 0) { + const seriesInfo = await ApiClient.getItem(ApiClient.getCurrentUserId(), item.SeriesId || item.Id); + animeName = seriesInfo.OriginalTitle; + if (animeName.length > 0) { + searchUrl = apiPrefix + 'https://api.dandanplay.net/api/v2/search/episodes?anime=' + animeName + '&withRelated=true'; + animaInfo = await makeGetRequest(searchUrl) + .then((response) => isInTampermonkey ? JSON.parse(response) : response.json()) + .catch((error) => { + showDebugInfo('查询失败:', error); + return null; + }); } - showDebugInfo('节目查询成功'); + } + if (animaInfo.animes.length == 0) { + showDebugInfo('弹幕查询无结果'); + return null; + } + showDebugInfo('节目查询成功'); - let selecAnime_id = 1; - if (anime_id != -1) { - for (let index = 0; index < animaInfo.animes.length; index++) { - if (animaInfo.animes[index].animeId == anime_id) { - selecAnime_id = index + 1; - } - } - } - if (!is_auto) { - let anime_lists_str = list2string(animaInfo); - showDebugInfo(anime_lists_str); - selecAnime_id = prompt('选择节目:\n' + anime_lists_str, selecAnime_id); - selecAnime_id = parseInt(selecAnime_id) - 1; - window.localStorage.setItem(_id_key, animaInfo.animes[selecAnime_id].animeId); - window.localStorage.setItem(_name_key, animaInfo.animes[selecAnime_id].animeTitle); - let episode_lists_str = ep2string(animaInfo.animes[selecAnime_id].episodes); - episode = prompt('选择剧集:\n' + episode_lists_str, parseInt(episode) || 1); - if (episode == null || episode == '') { - return null; + let selecAnime_id = 1; + if (anime_id != -1) { + for (let index = 0; index < animaInfo.animes.length; index++) { + if (animaInfo.animes[index].animeId == anime_id) { + selecAnime_id = index + 1; } - episode = parseInt(episode) - 1; - } else { - selecAnime_id = parseInt(selecAnime_id) - 1; - let initialTitle = animaInfo.animes[selecAnime_id].episodes[0].episodeTitle; - const match = initialTitle.match(/第(\d+)话/); - const initialep = match ? parseInt(match[1]) : 1; - episode = (parseInt(episode) < initialep) ? parseInt(episode) - 1 : (parseInt(episode) - initialep); } - - if (episode + 1 > animaInfo.animes[selecAnime_id].episodes.length) { - showDebugInfo('剧集不存在'); + } + if (!is_auto) { + let anime_lists_str = list2string(animaInfo); + showDebugInfo(anime_lists_str); + selecAnime_id = prompt('选择节目:\n' + anime_lists_str, selecAnime_id); + selecAnime_id = parseInt(selecAnime_id) - 1; + window.localStorage.setItem(_id_key, animaInfo.animes[selecAnime_id].animeId); + window.localStorage.setItem(_name_key, animaInfo.animes[selecAnime_id].animeTitle); + let episode_lists_str = ep2string(animaInfo.animes[selecAnime_id].episodes); + episode = prompt('选择剧集:\n' + episode_lists_str, parseInt(episode) || 1); + if (episode == null || episode == '') { return null; } + episode = parseInt(episode) - 1; + } else { + selecAnime_id = parseInt(selecAnime_id) - 1; + let initialTitle = animaInfo.animes[selecAnime_id].episodes[0].episodeTitle; + const match = initialTitle.match(/第(\d+)话/); + const initialep = match ? parseInt(match[1]) : 1; + episode = (parseInt(episode) < initialep) ? parseInt(episode) - 1 : (parseInt(episode) - initialep); + } - const epTitlePrefix = animaInfo.animes[selecAnime_id].type === 'tvseries' ? `S${session}E${episode + 1}` : (animaInfo.animes[selecAnime_id].type); - let episodeInfo = { - episodeId: animaInfo.animes[selecAnime_id].episodes[episode].episodeId, - animeTitle: animaInfo.animes[selecAnime_id].animeTitle, - episodeTitle: epTitlePrefix + ' ' + animaInfo.animes[selecAnime_id].episodes[episode].episodeTitle, - }; - window.localStorage.setItem(_episode_key, JSON.stringify(episodeInfo)); - window.ede.episode_info_str = episodeInfo.animeTitle + '\n' + episodeInfo.episodeTitle; - return episodeInfo; + if (episode + 1 > animaInfo.animes[selecAnime_id].episodes.length) { + showDebugInfo('剧集不存在'); + return null; } - function getComments(episodeId) { - let url = apiPrefix + 'https://api.dandanplay.net/api/v2/comment/' + episodeId + '?withRelated=true&chConvert=' + window.ede.chConvert; - return makeGetRequest(url) + const epTitlePrefix = animaInfo.animes[selecAnime_id].type === 'tvseries' ? `S${session}E${episode + 1}` : (animaInfo.animes[selecAnime_id].type); + let episodeInfo = { + episodeId: animaInfo.animes[selecAnime_id].episodes[episode].episodeId, + animeTitle: animaInfo.animes[selecAnime_id].animeTitle, + episodeTitle: epTitlePrefix + ' ' + animaInfo.animes[selecAnime_id].episodes[episode].episodeTitle, + }; + window.localStorage.setItem(_episode_key, JSON.stringify(episodeInfo)); + return episodeInfo; + } + + function getComments(episodeId) { + let url = apiPrefix + 'https://api.dandanplay.net/api/v2/comment/' + episodeId + '?withRelated=true&chConvert=' + window.ede.chConvert; + return makeGetRequest(url) + .then((response) => isInTampermonkey ? JSON.parse(response) : response.json()) + .then((data) => { + showDebugInfo('弹幕下载成功: ' + data.comments.length); + return data.comments; + }) + .catch((error) => { + showDebugInfo('获取弹幕失败:', error); + return null; + }); + } + + async function getCommentsByUrl(src) { + const url_encoded = encodeURIComponent(src); + const url = apiPrefix + 'https://api.dandanplay.net/api/v2/extcomment?url=' + url_encoded; + let comments = []; + for (let i = 0; i < 2; i++) { + comments = makeGetRequest(url) .then((response) => isInTampermonkey ? JSON.parse(response) : response.json()) .then((data) => { showDebugInfo('弹幕下载成功: ' + data.comments.length); @@ -910,343 +914,325 @@ showDebugInfo('获取弹幕失败:', error); return null; }); + if (comments.length > 0) { + break; + } + await new Promise((resolve) => setTimeout(resolve, 3000)); } + return comments; + } - async function getCommentsByUrl(src) { - const url_encoded = encodeURIComponent(src); - const url = apiPrefix + 'https://api.dandanplay.net/api/v2/extcomment?url=' + url_encoded; - let comments = []; - for (let i = 0; i < 2; i++) { - comments = makeGetRequest(url) - .then((response) => isInTampermonkey ? JSON.parse(response) : response.json()) - .then((data) => { - showDebugInfo('弹幕下载成功: ' + data.comments.length); - return data.comments; - }) - .catch((error) => { - showDebugInfo('获取弹幕失败:', error); - return null; - }); - if (comments.length > 0) { - break; - } - await new Promise((resolve) => setTimeout(resolve, 3000)); - } - return comments; + async function createDanmaku(comments) { + if (!comments) { + return; } - async function createDanmaku(comments) { - if (!comments) { - return; - } + let wrapper = document.getElementById('danmakuWrapper'); + wrapper && wrapper.remove(); - let wrapper = document.getElementById('danmakuWrapper'); - wrapper && wrapper.remove(); + if (window.ede.danmaku) { + window.ede.danmaku.clear(); + window.ede.danmaku.destroy(); + window.ede.danmaku = null; + } - if (window.ede.danmaku) { - window.ede.danmaku.clear(); - window.ede.danmaku.destroy(); - window.ede.danmaku = null; + let _comments = danmakuFilter(danmakuParser(comments)); + showDebugInfo(`弹幕加载成功: ${_comments.length}`); + showDebugInfo(`弹幕透明度：${window.ede.opacity}`); + showDebugInfo(`弹幕速度：${window.ede.speed}`); + showDebugInfo(`弹幕高度比例：${window.ede.heightRatio}`); + showDebugInfo(`弹幕来源过滤：${window.ede.danmakufilter}`); + showDebugInfo(`弹幕字号：${window.ede.fontSize}`); + showDebugInfo(`屏幕分辨率：${window.screen.width}x${window.screen.height}`); + + const waitForMediaContainer = async () => { + while (!document.querySelector(mediaContainerQueryStr)) { + await new Promise((resolve) => setTimeout(resolve, 200)); } + }; - let _comments = danmakuFilter(danmakuParser(comments)); - showDebugInfo(`弹幕加载成功: ${_comments.length}`); - showDebugInfo(`弹幕透明度：${window.ede.opacity}`); - showDebugInfo(`弹幕速度：${window.ede.speed}`); - showDebugInfo(`弹幕高度比例：${window.ede.heightRatio}`); - showDebugInfo(`弹幕来源过滤：${window.ede.danmakufilter}`); - showDebugInfo(`弹幕字号：${window.ede.fontSize}`); - showDebugInfo(`屏幕分辨率：${window.screen.width}x${window.screen.height}`); - - const waitForMediaContainer = async () => { - while (!document.querySelector(mediaContainerQueryStr)) { - await new Promise((resolve) => setTimeout(resolve, 200)); - } - }; - - await waitForMediaContainer(); - - let _container = null; - document.querySelectorAll(mediaContainerQueryStr).forEach((element) => { - if (!element.classList.contains('hide')) { - _container = element; - } - }); + await waitForMediaContainer(); - if (!_container) { - showDebugInfo('未找到播放器'); - return; + let _container = null; + document.querySelectorAll(mediaContainerQueryStr).forEach((element) => { + if (!element.classList.contains('hide')) { + _container = element; } + }); - let _media = document.querySelector(mediaQueryStr); - if (!_media) { - showDebugInfo('未找到video'); - return; - } + if (!_container) { + showDebugInfo('未找到播放器'); + return; + } - wrapper = document.createElement('div'); - wrapper.id = 'danmakuWrapper'; - wrapper.style.position = 'absolute'; - wrapper.style.width = '100%'; - wrapper.style.height = `calc(${window.ede.heightRatio * 100}% - 18px)`; - wrapper.style.opacity = window.ede.opacity; - wrapper.style.top = '18px'; - wrapper.style.overflow = 'hidden'; - _container.prepend(wrapper); - - window.ede.danmaku = new Danmaku({ - container: wrapper, - media: _media, - comments: _comments, - engine: 'canvas', - speed: window.ede.speed, - }); + let _media = document.querySelector(mediaQueryStr); + if (!_media) { + showDebugInfo('未找到video'); + return; + } - window.ede.danmakuSwitch === 1 ? window.ede.danmaku.show() : window.ede.danmaku.hide(); + wrapper = document.createElement('div'); + wrapper.id = 'danmakuWrapper'; + wrapper.style.position = 'absolute'; + wrapper.style.width = '100%'; + wrapper.style.height = `calc(${window.ede.heightRatio * 100}% - 18px)`; + wrapper.style.opacity = window.ede.opacity; + wrapper.style.top = '18px'; + wrapper.style.overflow = 'hidden'; + _container.prepend(wrapper); + + window.ede.danmaku = new Danmaku({ + container: wrapper, + media: _media, + comments: _comments, + engine: 'canvas', + speed: window.ede.speed, + }); - const resizeObserverCallback = () => { - if (window.ede.danmaku) { - showDebugInfo('重设容器大小'); - window.ede.danmaku.resize(); - } - }; + window.ede.danmakuSwitch === 1 ? window.ede.danmaku.show() : window.ede.danmaku.hide(); - if (window.ede.obResize) { - window.ede.obResize.disconnect(); + const resizeObserverCallback = () => { + if (window.ede.danmaku) { + showDebugInfo('重设容器大小'); + window.ede.danmaku.resize(); } + }; - window.ede.obResize = new ResizeObserver(resizeObserverCallback); - window.ede.obResize.observe(_container); + if (window.ede.obResize) { + window.ede.obResize.disconnect(); + } - const mutationObserverCallback = () => { - if (window.ede.danmaku && document.querySelector(mediaQueryStr)) { - showDebugInfo('探测播放媒体变化'); - const sleep = new Promise(resolve => setTimeout(resolve, 3000)); - sleep.then(() => reloadDanmaku('reload')); - } - }; + window.ede.obResize = new ResizeObserver(resizeObserverCallback); + window.ede.obResize.observe(_container); - if (window.ede.obMutation) { - window.ede.obMutation.disconnect(); + const mutationObserverCallback = () => { + if (window.ede.danmaku && document.querySelector(mediaQueryStr)) { + showDebugInfo('探测播放媒体变化'); + const sleep = new Promise(resolve => setTimeout(resolve, 3000)); + sleep.then(() => reloadDanmaku('reload')); } + }; + + if (window.ede.obMutation) { + window.ede.obMutation.disconnect(); + } - window.ede.obMutation = new MutationObserver(mutationObserverCallback); - window.ede.obMutation.observe(_media, { attributes: true }); - - if (!window.obVideo) { - window.obVideo = new MutationObserver((mutationList, _observer) => { - for (let mutationRecord of mutationList) { - if (mutationRecord.removedNodes) { - for (let removedNode of mutationRecord.removedNodes) { - if (removedNode.className && removedNode.classList.contains('videoPlayerContainer')) { - console.log('Video Removed'); - window.ede.loading = false; - document.getElementById('danmakuInfoTitle')?.remove(); - return; - } + window.ede.obMutation = new MutationObserver(mutationObserverCallback); + window.ede.obMutation.observe(_media, { attributes: true }); + + if (!window.obVideo) { + window.obVideo = new MutationObserver((mutationList, _observer) => { + for (let mutationRecord of mutationList) { + if (mutationRecord.removedNodes) { + for (let removedNode of mutationRecord.removedNodes) { + if (removedNode.className && removedNode.classList.contains('videoPlayerContainer')) { + console.log('Video Removed'); + window.ede.loading = false; + document.getElementById('danmakuInfoTitle')?.remove(); + return; } } } - }); + } + }); - window.obVideo.observe(document.body, { childList: true }); - } + window.obVideo.observe(document.body, { childList: true }); } + } - function displayDanmakuInfo(info) { - let infoContainer = document.getElementById('danmakuInfoTitle'); - if (!infoContainer) { - infoContainer = document.createElement('div'); - infoContainer.id = 'danmakuInfoTitle'; - infoContainer.className = 'pageTitle'; - document.querySelector('div.skinHeader').appendChild(infoContainer); - } - infoContainer.innerText = `弹幕匹配信息：${info.animeTitle} - ${info.episodeTitle}`; + function displayDanmakuInfo(info) { + let infoContainer = document.getElementById('danmakuInfoTitle'); + if (!infoContainer) { + infoContainer = document.createElement('div'); + infoContainer.id = 'danmakuInfoTitle'; + infoContainer.className = 'pageTitle'; + document.querySelector('div.skinHeader').appendChild(infoContainer); } + infoContainer.innerText = `弹幕匹配信息：${info.animeTitle} - ${info.episodeTitle}`; + } - function reloadDanmaku(type = 'check') { - if (window.ede.loading) { - showDebugInfo('正在重新加载'); - return; - } - window.ede.loading = true; - getEpisodeInfo(type != 'search') - .then((info) => { - return new Promise((resolve, reject) => { - if (!info) { - if (type != 'init') { - reject('播放器未完成加载'); - } else { - reject(null); - } - } - if (type != 'search' && type != 'reload' && window.ede.danmaku && window.ede.episode_info && window.ede.episode_info.episodeId == info.episodeId) { - reject('当前播放视频未变动'); + function reloadDanmaku(type = 'check') { + if (window.ede.loading) { + showDebugInfo('正在重新加载'); + return; + } + window.ede.loading = true; + getEpisodeInfo(type != 'search') + .then((info) => { + return new Promise((resolve, reject) => { + if (!info) { + if (type != 'init') { + reject('播放器未完成加载'); } else { - window.ede.episode_info = info; - displayDanmakuInfo(info); - resolve(info.episodeId); - } - }); - }) - .then( - (episodeId) => - getComments(episodeId).then((comments) => - createDanmaku(comments).then(() => { - showDebugInfo(window.ede.episode_info_str + '\n 弹幕就位'); - }), - ), - (msg) => { - if (msg) { - showDebugInfo(msg); + reject(null); } - }, - ) - .then(() => { - window.ede.loading = false; - const danmakuCtr = document.getElementById('danmakuCtr'); - if (danmakuCtr && danmakuCtr.style && danmakuCtr.style.opacity !== '1') { - danmakuCtr.style.opacity = 1; + } + if (type != 'search' && type != 'reload' && window.ede.danmaku && window.ede.episode_info && window.ede.episode_info.episodeId == info.episodeId) { + reject('当前播放视频未变动'); + } else { + window.ede.episode_info = info; + displayDanmakuInfo(info); + resolve(info.episodeId); } }); + }) + .then( + (episodeId) => + getComments(episodeId).then((comments) => + createDanmaku(comments).then(() => { + showDebugInfo('弹幕就位'); + }), + ), + (msg) => { + if (msg) { + showDebugInfo(msg); + } + }, + ) + .then(() => { + window.ede.loading = false; + const danmakuCtr = document.getElementById('danmakuCtr'); + if (danmakuCtr && danmakuCtr.style && danmakuCtr.style.opacity !== '1') { + danmakuCtr.style.opacity = 1; + } + }); + } + + function danmakuFilter(comments) { + const level = window.ede.danmakuDensityLimit; + if (level === 0) { + return comments; } - function danmakuFilter(comments) { - const level = window.ede.danmakuDensityLimit; - if (level === 0) { - return comments; - } + const limit = 9 - level * 2; + const verticalLimit = 6; + const resultComments = []; - const limit = 9 - level * 2; - const verticalLimit = 6; - const resultComments = []; + const timeBuckets = {}; + const verticalTimeBuckets = {}; - const timeBuckets = {}; - const verticalTimeBuckets = {}; + comments.forEach(comment => { + const timeIndex = Math.ceil(comment.time); + const verticalTimeIndex = Math.ceil(comment.time / 3); - comments.forEach(comment => { - const timeIndex = Math.ceil(comment.time); - const verticalTimeIndex = Math.ceil(comment.time / 3); + if (!timeBuckets[timeIndex]) { + timeBuckets[timeIndex] = []; + } + if (!verticalTimeBuckets[verticalTimeIndex]) { + verticalTimeBuckets[verticalTimeIndex] = []; + } - if (!timeBuckets[timeIndex]) { - timeBuckets[timeIndex] = []; + if (comment.mode === 'top' || comment.mode === 'bottom') { + if (verticalTimeBuckets[verticalTimeIndex].length < verticalLimit) { + verticalTimeBuckets[verticalTimeIndex].push(comment); + resultComments.push(comment); } - if (!verticalTimeBuckets[verticalTimeIndex]) { - verticalTimeBuckets[verticalTimeIndex] = []; + } else { + if (timeBuckets[timeIndex].length < limit) { + timeBuckets[timeIndex].push(comment); + resultComments.push(comment); } + } + }); - if (comment.mode === 'top' || comment.mode === 'bottom') { - if (verticalTimeBuckets[verticalTimeIndex].length < verticalLimit) { - verticalTimeBuckets[verticalTimeIndex].push(comment); - resultComments.push(comment); - } - } else { - if (timeBuckets[timeIndex].length < limit) { - timeBuckets[timeIndex].push(comment); - resultComments.push(comment); - } - } - }); + return resultComments; + } - return resultComments; - } + function danmakuParser($obj) { + const { fontSize, danmakufilter } = window.ede; + + const disableBilibili = (danmakufilter & 1) === 1; + const disableGamer = (danmakufilter & 2) === 2; + const disableDandan = (danmakufilter & 4) === 4; + const disableOther = (danmakufilter & 8) === 8; + + let filterule = ''; + if (disableDandan) { filterule += '^(?!\\[)|\^.{0,3}\\]'; } + if (disableBilibili) { filterule += (filterule ? '|' : '') + '\^\\[BiliBili\\]'; } + if (disableGamer) { filterule += (filterule ? '|' : '') + '\^\\[Gamer\\]'; } + if (disableOther) { filterule += (filterule ? '|' : '') + '\^\\[\(\?\!\(BiliBili\|Gamer\)\).{3,}\\]'; } + if (filterule === '') { filterule = '!.*'; } + const danmakufilterule = new RegExp(filterule); + + return $obj + .filter(($comment) => { + return !danmakufilterule.test($comment.p.split(',').pop()); + }) + .map(($comment) => { + const [time, modeId, colorValue] = $comment.p.split(',').map((v, i) => i === 0 ? parseFloat(v) : parseInt(v, 10)); + const mode = { 6: 'ltr', 1: 'rtl', 5: 'top', 4: 'bottom' }[modeId]; + if (!mode) return null; + + const color = `000000${colorValue.toString(16)}`.slice(-6); + return { + text: $comment.m, + mode, + time, + style: { + font: `${fontSize}px sans-serif`, + fillStyle: `#${color}`, + strokeStyle: color === '000000' ? '#fff' : '#000', + lineWidth: 2.0, + }, + }; + }); + } - function danmakuParser($obj) { - const { fontSize, danmakufilter } = window.ede; - - const disableBilibili = (danmakufilter & 1) === 1; - const disableGamer = (danmakufilter & 2) === 2; - const disableDandan = (danmakufilter & 4) === 4; - const disableOther = (danmakufilter & 8) === 8; - - let filterule = ''; - if (disableDandan) { filterule += '^(?!\\[)|\^.{0,3}\\]'; } - if (disableBilibili) { filterule += (filterule ? '|' : '') + '\^\\[BiliBili\\]'; } - if (disableGamer) { filterule += (filterule ? '|' : '') + '\^\\[Gamer\\]'; } - if (disableOther) { filterule += (filterule ? '|' : '') + '\^\\[\(\?\!\(BiliBili\|Gamer\)\).{3,}\\]'; } - if (filterule === '') { filterule = '!.*'; } - const danmakufilterule = new RegExp(filterule); - - return $obj - .filter(($comment) => { - return !danmakufilterule.test($comment.p.split(',').pop()); - }) - .map(($comment) => { - const [time, modeId, colorValue] = $comment.p.split(',').map((v, i) => i === 0 ? parseFloat(v) : parseInt(v, 10)); - const mode = { 6: 'ltr', 1: 'rtl', 5: 'top', 4: 'bottom' }[modeId]; - if (!mode) return null; - - const color = `000000${colorValue.toString(16)}`.slice(-6); - return { - text: $comment.m, - mode, - time, - style: { - font: `${fontSize}px sans-serif`, - fillStyle: `#${color}`, - strokeStyle: color === '000000' ? '#fff' : '#000', - lineWidth: 2.0, - }, - }; - }); + function list2string($obj2) { + const $animes = $obj2.animes; + let anime_lists = $animes.map(($single_anime) => { + return $single_anime.animeTitle + ' 类型:' + $single_anime.typeDescription; + }); + let anime_lists_str = '1:' + anime_lists[0]; + for (let i = 1; i < anime_lists.length; i++) { + anime_lists_str = anime_lists_str + '\n' + (i + 1).toString() + ':' + anime_lists[i]; } + return anime_lists_str; + } - function list2string($obj2) { - const $animes = $obj2.animes; - let anime_lists = $animes.map(($single_anime) => { - return $single_anime.animeTitle + ' 类型:' + $single_anime.typeDescription; - }); - let anime_lists_str = '1:' + anime_lists[0]; - for (let i = 1; i < anime_lists.length; i++) { - anime_lists_str = anime_lists_str + '\n' + (i + 1).toString() + ':' + anime_lists[i]; - } - return anime_lists_str; + function ep2string($obj3) { + const $animes = $obj3; + let anime_lists = $animes.map(($single_ep) => { + return $single_ep.episodeTitle; + }); + let ep_lists_str = '1:' + anime_lists[0]; + for (let i = 1; i < anime_lists.length; i++) { + ep_lists_str = ep_lists_str + '\n' + (i + 1).toString() + ':' + anime_lists[i]; } + return ep_lists_str; + } - function ep2string($obj3) { - const $animes = $obj3; - let anime_lists = $animes.map(($single_ep) => { - return $single_ep.episodeTitle; + const waitForElement = (selector) => { + return new Promise((resolve) => { + const observer = new MutationObserver(() => { + const element = document.querySelector(selector); + if (element) { + observer.disconnect(); + resolve(element); + } }); - let ep_lists_str = '1:' + anime_lists[0]; - for (let i = 1; i < anime_lists.length; i++) { - ep_lists_str = ep_lists_str + '\n' + (i + 1).toString() + ':' + anime_lists[i]; - } - return ep_lists_str; - } - const waitForElement = (selector) => { - return new Promise((resolve) => { - const observer = new MutationObserver(() => { - const element = document.querySelector(selector); - if (element) { - observer.disconnect(); - resolve(element); - } - }); - - observer.observe(document.body, { childList: true, subtree: true }); - }); - }; + observer.observe(document.body, { childList: true, subtree: true }); + }); + }; - waitForElement('.htmlvideoplayer').then(() => { - if (!window.ede) { - window.ede = new EDE(); + waitForElement('.htmlvideoplayer').then(() => { + if (!window.ede) { + window.ede = new EDE(); - (async () => { - while (!(await ApiClient.getSessions())) { - await new Promise((resolve) => setTimeout(resolve, 200)); - } + (async () => { + while (!(await ApiClient.getSessions())) { + await new Promise((resolve) => setTimeout(resolve, 200)); + } - setInterval(() => { - initUI(); - }, check_interval); + setInterval(() => { + initUI(); + }, check_interval); - setInterval(() => { - initListener(); - }, check_interval); - })(); - } - }); - } + setInterval(() => { + initListener(); + }, check_interval); + })(); + } + }); })();