From 9fae3ae86448d98592ffde8b1e78c7c13d1d6877 Mon Sep 17 00:00:00 2001 From: limil Date: Wed, 25 Sep 2024 00:38:51 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0ede?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- static/ede.user.js | 2293 ++++++++++++++++++++++++++++---------------- 1 file changed, 1459 insertions(+), 834 deletions(-) diff --git a/static/ede.user.js b/static/ede.user.js index 89778d4..858e3d6 100644 --- a/static/ede.user.js +++ b/static/ede.user.js @@ -3,7 +3,7 @@ // @description Jellyfin弹幕插件 // @namespace https://github.com/RyoLee // @author RyoLee -// @version 1.19 +// @version 1.46 // @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 @@ -13,860 +13,1485 @@ // @connect * // @match *://*/*/web/index.html // @match *://*/web/index.html +// @match *://*/*/web/ +// @match *://*/web/ +// @match https://jellyfin-web.pages.dev/ // ==/UserScript== (async function () { 'use strict'; - if (document.querySelector('meta[name="application-name"]').content == 'Jellyfin') { - // ------ configs start------ - let deviceId = localStorage.getItem('_deviceId2'); - const serversInfo = JSON.parse(localStorage.getItem('jellyfin_credentials')).Servers; - let authorization = ''; - let userId = ''; - let isInTampermonkey = true; - let apiPrefix = 'https://api.9-ch.com/cors/'; - const debugInfoLoc = 'ui'; // 'console' or 'ui' - let logQueue = []; - let logLines = 0; - const baseUrl = window.location.origin + window.location.pathname.replace('/web/index.html', ''); - const check_interval = 200; - const chConverTtitle = ['当前状态: 未启用翻译', '当前状态: 转换为简体', '当前状态: 转换为繁体']; - // 0:当前状态关闭 1:当前状态打开 - const danmaku_icons = ['comments_disabled', 'comment']; - const search_icon = 'find_replace'; - const translate_icon = 'g_translate'; - const filter_icons = ['filter_none', 'filter_1', 'filter_2', 'filter_3']; - const source_icon = 'library_add'; - const log_icon = 'import_contacts'; - const settings_icon = 'tune' - 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', - class: '', - 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 translateButtonOpts = { - title: null, - id: 'translateDanmaku', - class: translate_icon, - onclick: () => { - if (window.ede.loading) { - showDebugInfo('正在加载,请稍后再试'); - return; - } - showDebugInfo('切换简繁转换'); - window.ede.chConvert = (window.ede.chConvert + 1) % 3; - window.localStorage.setItem('chConvert', window.ede.chConvert); - document.querySelector('#translateDanmaku').setAttribute('title', chConverTtitle[window.ede.chConvert]); - reloadDanmaku('reload'); - showDebugInfo(document.querySelector('#translateDanmaku').getAttribute('title')); - }, - }; + if (document.querySelector('meta[name="application-name"]').content !== 'Jellyfin') { + return; + } + // ------ configs start------ + const isInTampermonkey = !(typeof GM_xmlhttpRequest === 'undefined'); + const corsProxy = 'https://ddplay-api.930524.xyz/cors/'; + const apiPrefix = isInTampermonkey ? 'https://api.dandanplay.net' : corsProxy + 'https://api.dandanplay.net'; + // const apiPrefix = 'https://api.930524.xyz'; + const authPrefix = corsProxy + 'https://api.dandanplay.net'; // 在Worker上计算Hash + let ddplayStatus = JSON.parse(localStorage.getItem('ddplayStatus')) || { isLogin: false, token: '', tokenExpire: 0 }; + const check_interval = 200; + // 0:当前状态关闭 1:当前状态打开 + let danmaku_icons = ['comments_disabled', 'comment']; + const search_icon = 'find_replace'; + const source_icon = 'library_add'; + let 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 filterButtonOpts = { - title: '密度限制', - id: 'filteringDanmaku', - class: '', - onclick: () => { - showDebugInfo('切换弹幕密度限制等级'); - let level = window.localStorage.getItem('danmakuFilterLevel'); - level = ((level ? parseInt(level) : 0) + 1) % 4; - window.localStorage.setItem('danmakuFilterLevel', level); - document.querySelector('#filteringDanmaku').children[0].className = spanClass + filter_icons[level]; - reloadDanmaku('reload'); - }, - }; - - const sourceButtonOpts = { - title: '手动增加弹幕源', - id: 'addDanmakuSource', - class: source_icon, - onclick: () => { - showDebugInfo('手动增加弹幕源'); - let source = prompt('请输入弹幕源地址:'); - if (source) { - getCommentsByUrl(source).then((comments) => { - createDanmaku(comments).then(() => { - showDebugInfo('弹幕就位'); - }); - }); - } - }, - } - - const logButtonOpts = { - title: '日志开关', - id: 'displayLog', - class: log_icon, - onclick: () => { - if (window.ede.loading) { - showDebugInfo('正在加载,请稍后再试'); - return; - } - // showDebugInfo('切换日志开关'); - window.ede.logSwitch = (window.ede.logSwitch + 1) % 2; - window.localStorage.setItem('logSwitch', window.ede.logSwitch); - let logSpan = document.querySelector('#debugInfo'); - if (logSpan) { - window.ede.logSwitch == 1 ? (logSpan.style.display = 'block') : (logSpan.style.display = 'none'); - } - } - }; - - const danmakuInteractionOpts = { - title: '弹幕设置', - id: 'danmakuSettings', - class: settings_icon, - onclick: () => { - let opacityStr = window.ede.opacity || 0.7; - let speedStr = window.ede.speed || 200; - let sizeStr = window.ede.fontSize || 18; - let heightRatio = window.ede.heightRatio || 0.7; - let tmpFiltersender = window.ede.danmakufilter || '00'; - - do { - opacityStr = prompt("请输入0-1之间的透明度值（如0.7）", opacityStr); - if(opacityStr == null) return; - speedStr = prompt("请输入0-1000弹幕速度（如200）", speedStr); - if(speedStr == null) return; - sizeStr = prompt("请输入1-30弹幕大小（如18）", sizeStr); - if(sizeStr == null) return; - heightRatio = prompt("请输入0-1之间的弹幕高度屏幕占比（如0.7）", heightRatio); - if(heightRatio == null) return; - tmpFiltersender = prompt("请输入需要过滤的弹幕来源（如bgdo）", tmpFiltersender); - if(tmpFiltersender == null) return; - } while(false); - - if (window.ede) { - try { - let tmpOpacity = parseFloatOfRange(opacityStr, 0, 1); - let tmpSpeed = parseFloatOfRange(speedStr, 0, 1000); - let tmpSize = parseFloatOfRange(sizeStr, 1, 30); - let tmpHeightRatio = parseFloatOfRange(heightRatio, 0, 1); - if (isNaN(tmpOpacity) || isNaN(tmpSpeed) || isNaN(tmpSize) || isNaN(tmpHeightRatio)) { - throw EvalError('输入无效，请输入有效的数字。'); - } - // 设置透明度 - window.ede.opacity = tmpOpacity; - showDebugInfo(`设置弹幕透明度：${window.ede.opacity}`); - window.localStorage.setItem('danmakuopacity', window.ede.opacity.toString()); - // 设置弹幕速度 - window.ede.speed = tmpSpeed; - showDebugInfo(`设置弹幕速度：${window.ede.speed}`); - window.localStorage.setItem('danmakuspeed', window.ede.speed.toString()); - // 设置弹幕大小 - window.ede.fontSize = tmpSize; - showDebugInfo(`设置弹幕大小：${window.ede.fontSize}`); - window.localStorage.setItem('danmakusize', window.ede.fontSize.toString()); - // 设置弹幕高度 - window.ede.heightRatio = tmpHeightRatio; - showDebugInfo(`设置弹幕高度：${window.ede.heightRatio}`); - window.localStorage.setItem('danmakuheight', window.ede.heightRatio.toString()); - //设置弹幕过滤 - window.ede.danmakufilter = tmpFiltersender.replace(/[^a-zA-Z0-9]/g, '').toUpperCase(); - showDebugInfo(`设置弹幕过滤：${window.ede.danmakufilter}`); - window.localStorage.setItem('danmakufilter', window.ede.danmakufilter); - //Reload - reloadDanmaku('reload'); - } catch (e) { - alert(`Invalid input: ${e.message}`); - showDebugInfo(e); - } - } - } - }; - - - - // ------ 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;e Math.min(Math.max(parseFloat(str), 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; - } - if (!container.getAttribute('ede_listening')) { - showDebugInfo('正在初始化Listener'); - container.setAttribute('ede_listening', true); - container.addEventListener('play', reloadDanmaku); - showDebugInfo('Listener初始化完成'); - } - } - - 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; - } - - parent.insertBefore(menubar, uiEle); - // 弹幕开关 - displayButtonOpts.class = danmaku_icons[window.ede.danmakuSwitch]; - menubar.appendChild(createButton(displayButtonOpts)); - // 手动匹配 - menubar.appendChild(createButton(searchButtonOpts)); - // 简繁转换 - translateButtonOpts.title = chConverTtitle[window.ede.chConvert]; - menubar.appendChild(createButton(translateButtonOpts)); - // 屏蔽等级 - filterButtonOpts.class = filter_icons[parseInt(window.localStorage.getItem('danmakuFilterLevel') ? window.localStorage.getItem('danmakuFilterLevel') : 0)]; - menubar.appendChild(createButton(filterButtonOpts)); - // 手动增加弹幕源 - menubar.appendChild(createButton(sourceButtonOpts)); - // 弹幕设置 - menubar.appendChild(createButton(danmakuInteractionOpts)); - - if (debugInfoLoc == 'ui') { - menubar.appendChild(createButton(logButtonOpts)); - - 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.left = '10px'; - span.style.top = '50px'; - window.ede.logSwitch == 1 ? (span.style.display = 'block') : (span.style.display = 'none'); - _container.appendChild(span); - } - - showDebugInfo('UI初始化完成'); - } - - async function showDebugInfo(msg) { - if (debugInfoLoc == 'ui') { - let span = document.getElementById('debugInfo'); - while (!span) { - await new Promise((resolve) => setTimeout(resolve, 200)); - span = document.getElementById('debugInfo'); - } - if (logLines < 10) { - logLines++; - logQueue.push(msg); - } else { - logQueue.shift(); - logQueue.push(msg); - } - span.innerText = ''; - logQueue.forEach((line) => { - span.innerText += line + '\n'; - }); - } else if (debugInfoLoc == 'console') { - console.log(msg); - } - } - - async function initConfig() { - showDebugInfo('获取服务器信息'); - let token = serversInfo[0].AccessToken; - userId = serversInfo[0].UserId; - - let sessionUrl = baseUrl + '/Sessions?ControllableByUserId=' + userId - if (deviceId) { - sessionUrl += '&DeviceId=' + deviceId; - } - - showDebugInfo('尝试获取DevId'); - let sessionInfo = await fetch(sessionUrl, { - "credentials": "include", - "headers": { - "Accept": "application/json", - "Authorization": "MediaBrowser Token=\"" + token + "\"" - }, - "method": "GET", - "mode": "cors" - }).then(res => res.json()); - - if (!deviceId) { - deviceId = sessionInfo[0].DeviceId; - localStorage.setItem('_deviceId2', deviceId); - } - - let clientName = sessionInfo[0].Client; - let deviceName = sessionInfo[0].DeviceName; - let serverVersion = sessionInfo[0].ApplicationVersion; - // Ref: https://gist.github.com/nielsvanvelzen/ea047d9028f676185832e51ffaf12a6f - authorization = "MediaBrowser Client=\"" + clientName + "\", Device=\"" + deviceName + "\", DeviceId=\"" + deviceId + "\", Version=\"" + serverVersion + "\", Token=\"" + token + "\""; - return deviceId; - } - - - async function getEmbyItemInfo() { - showDebugInfo('准备获取Item信息'); - if (authorization.length > 0 && userId.length > 0 && deviceId.length > 0) { - showDebugInfo('正在获取Item信息'); - let playingInfo = null; - while (!playingInfo) { - await new Promise((resolve) => setTimeout(resolve, 200)); - let sessionUrl = baseUrl + '/Sessions?ControllableByUserId=' + userId + '&deviceId=' + deviceId; - let sessionInfo = await fetch(sessionUrl, { - "credentials": "include", - "headers": { - "Accept": "application/json", - "Authorization": authorization - }, - "method": "GET", - "mode": "cors" - }).then(res => res.json()); - playingInfo = sessionInfo[0].NowPlayingItem; - } - showDebugInfo('成功 ' + (playingInfo.SeriesName || playingInfo.Name)); - return playingInfo; - } else { - showDebugInfo('等待Config'); - await initConfig(); - } - } - - 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', - 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); - } - if (!is_auto) { - animeName = prompt('确认动画名:', animeName); - if(animeName == null) { - showDebugInfo('用户已取消'); - 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) { - 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); - 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); - } - let episodeInfo = { - episodeId: animaInfo.animes[selecAnime_id].episodes[episode].episodeId, - animeTitle: animaInfo.animes[selecAnime_id].animeTitle, - episodeTitle: animaInfo.animes[selecAnime_id].type === 'tvseries' ? animaInfo.animes[selecAnime_id].episodes[episode].episodeTitle : (animaInfo.animes[selecAnime_id].type === 'movie' ? '剧场版' : 'Other'), - }; - window.localStorage.setItem(_episode_key, JSON.stringify(episodeInfo)); - window.ede.episode_info_str = episodeInfo.animeTitle + '\n' + episodeInfo.episodeTitle; - 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); - 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; - } - - let wrapper = document.getElementById('danmakuWrapper'); - wrapper && wrapper.parentNode.removeChild(wrapper); - if (window.ede.danmaku != null) { - 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}`); - - while (!document.querySelector(mediaContainerQueryStr)) { - await new Promise((resolve) => setTimeout(resolve, 200)); - } - - let _container = null; - document.querySelectorAll(mediaContainerQueryStr).forEach(function (element) { - if (!element.classList.contains('hide')) { - _container = element; - } - }); - if (!_container) { - showDebugInfo('未找到播放器'); - } - let _media = document.querySelector(mediaQueryStr); - if (!_media) { - showDebugInfo('未找到video'); - } - - wrapper = document.createElement('div'); - wrapper.id = 'danmakuWrapper'; - wrapper.style.position = 'absolute'; - wrapper.style.width = '100%'; - wrapper.style.height = window.ede.heightRatio * 100 + '%'; - wrapper.style.top = '18px'; - wrapper.style.overflow = 'hidden'; - _container.prepend(wrapper); - - window.ede.danmaku = new Danmaku({ - container: wrapper, - media: _media, - comments: _comments, - engine: 'canvas', - }); - - wrapper.lastChild.style.opacity = window.ede.opacity; - window.ede.danmaku.speed = window.ede.speed - wrapper.style.height = `${window.ede.heightRatio * 100}%`; - - window.ede.danmakuSwitch == 1 ? window.ede.danmaku.show() : window.ede.danmaku.hide(); - if (window.ede.obResize) { - window.ede.obResize.disconnect(); - } - window.ede.obResize = new ResizeObserver(() => { - if (window.ede.danmaku) { - showDebugInfo('重设容器大小'); - window.ede.danmaku.resize(); - } - }); - window.ede.obResize.observe(_container); - - if (window.ede.obMutation) { - window.ede.obMutation.disconnect(); - } - window.ede.obMutation = new MutationObserver(() => { - if (window.ede.danmaku && document.querySelector(mediaQueryStr)) { - showDebugInfo('探测播放媒体变化'); - reloadDanmaku('reload'); - } - }); - 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; - return; - } - } - } - } - }); - window.obVideo.observe(document.body, { childList: true }); - } - } - - function reloadDanmaku(type = 'check') { + const displayButtonOpts = { + title: '弹幕开关', + id: 'displayDanmaku', + onclick: () => { if (window.ede.loading) { - showDebugInfo('正在重新加载'); + 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); - } + 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 => { + if (comments !== null) { + createDanmaku(comments) + .then(() => { + showDebugInfo('弹幕就位'); + + // 如果已经登录，把弹幕源提交给弹弹Play + if (ddplayStatus.isLogin) { + postRelatedSource(source); + } + }) + .catch(error => { + console.error('创建弹幕失败:', error); + }); } - 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; - resolve(info.episodeId); + } + ) + } else { + showDebugInfo('未获取弹幕源地址'); + } + }, + }; + + 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 settingButtonOpts = { + 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); + + 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; + } + } + + showCurrentVal('opacity'); + showCurrentVal('speed'); + showCurrentVal('fontSize'); + showCurrentVal('heightRatio'); + showCurrentVal('danmakuDensityLimit', ['无', '低', '中', '高']); + + const closeModal = () => { + document.body.removeChild(modal); + }; + + 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, 20, 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.danmakuModeFilter = 0; + document.querySelectorAll('input[name="danmakuModeFilter"]:checked').forEach(element => { + window.ede.danmakuModeFilter += parseInt(element.value, 10); + }); + window.localStorage.setItem('danmakuModeFilter', window.ede.danmakuModeFilter); + showDebugInfo(`设置弹幕模式过滤：${window.ede.danmakuModeFilter}`); + 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}`); + window.ede.useXmlDanmaku = parseInt(document.querySelector('input[name="useXmlDanmaku"]:checked').value); + window.localStorage.setItem('useXmlDanmaku', window.ede.useXmlDanmaku); + showDebugInfo(`是否使用本地xml弹幕：${window.ede.useXmlDanmaku}`); + const epOffset = parseFloat(document.getElementById('danmakuOffsetTime').value); + window.ede.curEpOffsetModified = epOffset !== window.ede.curEpOffset; + if (window.ede.curEpOffsetModified) { + window.ede.curEpOffset = epOffset; + showDebugInfo(`设置弹幕偏移时间：${window.ede.curEpOffset}`); + } + reloadDanmaku('reload'); + closeModal(); + } catch (e) { + alert(`Invalid input: ${e.message}`); + } + }; + document.getElementById('cancelSettings').onclick = closeModal; + + 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', ['无', '低', '中', '高']); + } + }; + + 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账号密码 +
+
+ 账号: + +
+
+ 密码: + +
+
+
+ + +
+
+
+ `; + 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); + }; + } + + 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;e= 0 && this.danmakuFilter < 16 ? this.danmakuFilter : 0; + // 按弹幕模式过滤 + const danmakuModeFilter = window.localStorage.getItem('danmakuModeFilter'); + this.danmakuModeFilter = danmakuModeFilter ? parseInt(danmakuModeFilter) : 0; + this.danmakuModeFilter = this.danmakuModeFilter >= 0 && this.danmakuModeFilter < 8 ? this.danmakuModeFilter : 0; + // 弹幕密度限制等级 0:不限制 1:低 2:中 3:高 + const danmakuDensityLimit = window.localStorage.getItem('danmakuDensityLimit'); + this.danmakuDensityLimit = danmakuDensityLimit ? parseInt(danmakuDensityLimit) : 0; + // 使用Jellyfin弹幕插件提供的xml弹幕替代本脚本在线搜索的弹幕 + const useXmlDanmaku = window.localStorage.getItem('useXmlDanmaku'); + this.useXmlDanmaku = useXmlDanmaku ? parseInt(useXmlDanmaku) : 0; + // 当前剧集弹幕偏移时间 + this.curEpOffset = 0; + this.curEpOffsetModified = false; + + 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; + } + + 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; + } + + 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(settingButtonOpts)); + // 日志开关 + 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(); + } + + async function loginDanDanPlay(account, passwd) { + const loginUrl = authPrefix + '/api/v2/login'; + const params = { + 'userName': account, + 'password': passwd + }; + + try { + const resp = await fetch(loginUrl, { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + 'Accept': 'application/json', + 'User-Agent': navigator.userAgent + }, + body: JSON.stringify(params) + }); + + if (resp.status !== 200) { + showDebugInfo('登录失败 http error:' + resp.status); + alert('登录失败 http error:' + resp.status); + return false; + } + + const json = await resp.json(); + if (json.errorCode !== 0) { + showDebugInfo('登录失败 ' + json.errorMessage); + alert('登录失败 ' + json.errorMessage); + return false; + } + + ddplayStatus.isLogin = true; + ddplayStatus.token = json.token; + ddplayStatus.tokenExpire = json.tokenExpireTime; + window.localStorage.setItem('ddplayStatus', JSON.stringify(ddplayStatus)); + showDebugInfo('登录成功'); + return true; + } catch (error) { + console.error('登录失败', error); + alert('登录失败'); + 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) { // Token expires in more than 3 days, no need to refresh + return; + } else { // Refresh token before 3 days + const refreshUrl = apiPrefix + '/api/v2/login/renew'; + try { + const resp = await fetch(refreshUrl, { + method: 'GET', + headers: { + 'Accept': 'application/json', + 'User-Agent': navigator.userAgent, + 'Authorization': 'Bearer ' + ddplayStatus.token } }); - }) - .then( - (episodeId) => - getComments(episodeId).then((comments) => - createDanmaku(comments).then(() => { - showDebugInfo(window.ede.episode_info_str + '\n 弹幕就位'); - }), - ), - (msg) => { - if (msg) { - showDebugInfo(msg); - } + + 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); + } + } catch (error) { + console.error('刷新弹弹Play Token失败', error); + } + } + } + } + + 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 = apiPrefix + '/api/v2/comment/' + window.ede.episode_info.episodeId; + const params = { + 'time': time, + 'mode': mode, + 'color': color, + 'comment': danmakuText + }; + try { + const resp = await fetch(danmakuUrl, { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + 'Accept': 'application/json', + 'User-Agent': navigator.userAgent, + 'Authorization': 'Bearer ' + ddplayStatus.token }, - ) - .then(() => { - window.ede.loading = false; - const danmakuCtr = document.getElementById('danmakuCtr'); - if (danmakuCtr && danmakuCtr.style && danmakuCtr.style.opacity !== '1') { - danmakuCtr.style.opacity = 1; - } + body: JSON.stringify(params) }); - } - function danmakuFilter(comments) { - let level = parseInt(window.localStorage.getItem('danmakuFilterLevel') ? window.localStorage.getItem('danmakuFilterLevel') : 0); - if (level == 0) { - return comments; - } - let limit = 9 - level * 2; - let vertical_limit = 6; - let arr_comments = []; - let vertical_comments = []; - for (let index = 0; index < comments.length; index++) { - let element = comments[index]; - let i = Math.ceil(element.time); - let i_v = Math.ceil(element.time / 3); - if (!arr_comments[i]) { - arr_comments[i] = []; + if (resp.status !== 200) { + showDebugInfo('发送弹幕失败 http error:' + resp.status); + return; } - if (!vertical_comments[i_v]) { - vertical_comments[i_v] = []; - } - if (vertical_comments[i_v].length < vertical_limit) { - vertical_comments[i_v].push(element); - } else { - element.mode = 'rtl'; - } - if (arr_comments[i].length < limit) { - arr_comments[i].push(element); - } - } - return arr_comments.flat(); - } - - function danmakuParser($obj) { - const fontSize = window.ede.fontSize; - showDebugInfo('Screen: ' + window.screen.width + 'x' + window.screen.height); - showDebugInfo('字号大小: ' + fontSize); - return $obj - .filter(($comment) => { - const senderInfo = $comment.p.split(',').pop(); - if (window.ede.danmakufilter.includes('D')) { - if (!/^\[/.test(senderInfo)) { - return false; - } - } - if (window.ede.danmakufilter.includes('O')) { - if (/^\[(?!BiliBili|Gamer\])/.test(senderInfo)) { - return false; - } - } - if (window.ede.danmakufilter.includes('B')) { - if (senderInfo.startsWith('[BiliBili]')) { - return false; - } - } - if (window.ede.danmakufilter.includes('G')) { - if (senderInfo.startsWith('[Gamer]')) { - return false; - } - } - return true; - }) - .map(($comment) => { - const p = $comment.p; - const values = p.split(','); - const mode = { 6: 'ltr', 1: 'rtl', 5: 'top', 4: 'bottom' }[values[1]]; - if (!mode) return null; - const color = `000000${Number(values[2]).toString(16)}`.slice(-6); - return { - text: $comment.m, - mode, - time: values[0] * 1, + 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: `${fontSize}px sans-serif`, - fillStyle: `#${color}`, - strokeStyle: color === '000000' ? '#fff' : '#000', + font: `${window.ede.fontSize}px sans-serif`, + fillStyle: `#${colorStr}`, + strokeStyle: colorStr === '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]; + window.ede.danmaku.emit(comment); + showDebugInfo('发送弹幕成功'); + } else { + showDebugInfo('发送弹幕失败'); + showDebugInfo(json.errorMessage); + alert('发送失败：' + json.errorMessage); + } + } catch (error) { + console.error('发送弹幕失败', error); + showDebugInfo('发送弹幕失败'); } - 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; - } - - while (!document.querySelector('.htmlvideoplayer')) { - await new Promise((resolve) => setTimeout(resolve, 200)); - } - - if (!window.ede) { - window.ede = new EDE(); - setInterval(() => { - initUI(); - }, check_interval); - while (!(await initConfig())) { - await new Promise((resolve) => setTimeout(resolve, 200)); - } - reloadDanmaku('init'); - setInterval(() => { - initListener(); - }, check_interval); } } + + async function postRelatedSource(relatedUrl) { + if (!ddplayStatus.isLogin) { + showDebugInfo('发送相关链接失败 未登录'); + alert('请先登录'); + return; + } + if (!window.ede.episode_info || !window.ede.episode_info.episodeId) { + showDebugInfo('发送弹幕失败 未获取到弹幕信息'); + alert('请先获取弹幕信息'); + return; + } + const url = apiPrefix + '/api/v2/related/' + window.ede.episode_info.episodeId; + const params = { + 'episodeId': window.ede.episode_info.episodeId, + 'url': relatedUrl, + 'shift': 0 + }; + try { + 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); + } + } catch (error) { + console.error('发送相关链接失败', error); + showDebugInfo('发送相关链接失败'); + } + } + + 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; + } + msgStr = `${msgStr} X${count}`; + span.innerHTML = span.innerHTML.slice(0, span.innerHTML.lastIndexOf('
') + 4) + msgStr; + } else { + span.innerHTML += span.innerHTML === '' ? msgStr : '
' + msgStr; + } + + 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; + } + 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', + 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)); + 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); + } + if (!is_auto) { + animeName = prompt('确认动画名:', animeName); + if (animeName == null || animeName == '') { + return null; + } + } + const _episode_key_offset = _episode_key + '_offset'; + if (window.ede.curEpOffsetModified) { + window.localStorage.setItem(_episode_key_offset, window.ede.curEpOffset); + } + window.ede.curEpOffset = window.localStorage.getItem(_episode_key_offset) || 0; + + let searchUrl = apiPrefix + '/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 + '/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('弹幕查询无结果'); + 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; + } + 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('剧集不存在'); + return null; + } + + 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; + } + + async function getComments(episodeId) { + const { danmakuFilter } = window.ede; + const url_all = apiPrefix + '/api/v2/comment/' + episodeId + '?withRelated=true&chConvert=' + window.ede.chConvert; + const url_related = apiPrefix + '/api/v2/related/' + episodeId; + const url_ext = apiPrefix + '/api/v2/extcomment?url='; + try { + let response = await makeGetRequest(url_all); + let data = isInTampermonkey ? JSON.parse(response) : await response.json(); + const matchBili = /^\[BiliBili\]/; + let hasBili = false; + if ((danmakuFilter & 1) !== 1) { + for (const c of data.comments) { + if (matchBili.test(c.p.split(',').pop())) { + hasBili = true; + break; + } + } + } + let comments = data.comments; + response = await makeGetRequest(url_related); + data = isInTampermonkey ? JSON.parse(response) : await response.json(); + showDebugInfo('第三方弹幕源个数：' + data.relateds.length); + + if (data.relateds.length > 0) { + // 根据设置过滤弹幕源 + let src = []; + for (const s of data.relateds) { + if ((danmakuFilter & 1) !== 1 && !hasBili && s.url.includes('bilibili.com/bangumi')) { + src.push(s.url); + } + if ((danmakuFilter & 1) !== 1 && s.url.includes('bilibili.com/video')) { + src.push(s.url); + } + if ((danmakuFilter & 2) !== 2 && s.url.includes('gamer')) { + src.push(s.url); + } + if ((danmakuFilter & 8) !== 8 && !s.url.includes('bilibili') && !s.url.includes('gamer')) { + src.push(s.url); + } + } + // 获取第三方弹幕 + await Promise.all(src.map(async (s) => { + const response = await makeGetRequest(url_ext + encodeURIComponent(s)); + const data = isInTampermonkey ? JSON.parse(response) : await response.json(); + comments = comments.concat(data.comments); + })); + } + showDebugInfo('弹幕下载成功: ' + comments.length); + return comments; + } catch (error) { + showDebugInfo('获取弹幕失败:', error); + return null; + } + } + + async function getCommentsByUrl(src) { + const url_encoded = encodeURIComponent(src); + const url = apiPrefix + '/api/v2/extcomment?url=' + url_encoded; + for (let i = 0; i < 2; i++) { + try { + const response = await makeGetRequest(url); + const data = isInTampermonkey ? JSON.parse(response) : await response.json(); + showDebugInfo('弹幕下载成功: ' + data.comments.length); + return data.comments; + } catch (error) { + showDebugInfo('获取弹幕失败:', error); + } + } + return null; + } + + async function getItemId() { + let item = await getEmbyItemInfo(); + if (!item) { + return null; + } + return item.Id || null; + } + + async function getCommentsByPluginApi(jellyfinItemId) { + const path = window.location.pathname.replace(/\/web\/(index\.html)?/, '/api/danmu/'); + const url = window.location.origin + path + jellyfinItemId + '/raw'; + const response = await makeGetRequest(url); + if (!response.ok) { + return null; + } + const xmlText = await response.text(); + if (!xmlText || xmlText.length === 0) { + return null; + } + + // parse the xml data + // xml data: 弹幕内容 + // content + // comment data: {cid: "1723088443", p: "392.00,1,16777215,[BiliBili]e6860b30", m: "弹幕内容"} + // {cid: "dbid", p: "stime, type, color, sender", m: "content"} + try { + const parser = new DOMParser(); + const data = parser.parseFromString(xmlText, 'text/xml'); + const comments = []; + + for (const comment of data.getElementsByTagName('d')) { + const p = comment.getAttribute('p').split(',').map(Number); + const commentData = { + cid: p[7], + p: p[0] + ',' + p[1] + ',' + p[3] + ',' + p[6], + m: comment.textContent + }; + comments.push(commentData); + } + + return comments; + } catch (error) { + return null; + } + } + + async function createDanmaku(comments) { + 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('[Jellyfin-Danmaku] Video Removed'); + window.ede.loading = false; + document.getElementById('danmakuInfoTitle')?.remove(); + const wrapper = document.getElementById('danmakuWrapper'); + if (wrapper) wrapper.style.display = 'none'; + return; + } + } + } + if (mutationRecord.addedNodes) { + for (let addedNode of mutationRecord.addedNodes) { + if (addedNode.className && addedNode.classList.contains('videoPlayerContainer')) { + console.log('[Jellyfin-Danmaku] Video Added'); + reloadDanmaku('refresh'); + return; + } + } + } + } + }); + + window.obVideo.observe(document.body, { childList: true }); + } + + if (!comments) { + showDebugInfo('无弹幕'); + return; + } + + let wrapper = document.getElementById('danmakuWrapper'); + wrapper && wrapper.remove(); + + 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.danmakuModeFilter}`); + showDebugInfo(`弹幕字号：${window.ede.fontSize}`); + showDebugInfo(`屏幕分辨率：${window.screen.width}x${window.screen.height}`); + if (window.ede.curEpOffset !== 0) showDebugInfo(`当前弹幕偏移：${window.ede.curEpOffset} 秒`); + + const waitForMediaContainer = async () => { + while (!document.querySelector(mediaContainerQueryStr)) { + await new Promise((resolve) => setTimeout(resolve, 200)); + } + }; + + await waitForMediaContainer(); + + let _container = null; + const reactRoot = document.getElementById('reactRoot'); + document.querySelectorAll(mediaContainerQueryStr).forEach((element) => { + if (!element.classList.contains('hide')) { + _container = element; + } + }); + + if (!_container) { + showDebugInfo('未找到播放器'); + return; + } + + let _media = document.querySelector(mediaQueryStr); + if (!_media) { + showDebugInfo('未找到video'); + return; + } + + wrapper = document.createElement('div'); + wrapper.id = 'danmakuWrapper'; + wrapper.style.position = 'fixed'; + 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.pointerEvents = 'none'; + if (reactRoot) { + reactRoot.prepend(wrapper); + } else { + _container.prepend(wrapper); + } + + window.ede.danmaku = new Danmaku({ + container: wrapper, + media: _media, + comments: _comments, + engine: 'canvas', + speed: window.ede.speed, + }); + + window.ede.danmakuSwitch === 1 ? window.ede.danmaku.show() : window.ede.danmaku.hide(); + + const resizeObserverCallback = () => { + if (window.ede.danmaku) { + showDebugInfo('重设容器大小'); + window.ede.danmaku.resize(); + } + }; + + if (window.ede.obResize) { + window.ede.obResize.disconnect(); + } + + window.ede.obResize = new ResizeObserver(resizeObserverCallback); + window.ede.obResize.observe(_container); + + const mutationObserverCallback = () => { + if (window.ede.danmaku && document.querySelector(mediaQueryStr)) { + showDebugInfo('探测播放媒体变化'); + const sleep = new Promise(resolve => setTimeout(resolve, 3000)); + sleep.then(() => reloadDanmaku('refresh')); + } + }; + + if (window.ede.obMutation) { + window.ede.obMutation.disconnect(); + } + + window.ede.obMutation = new MutationObserver(mutationObserverCallback); + window.ede.obMutation.observe(_media, { attributes: 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 reloadDanmaku(type = 'check') { + if (window.ede.loading) { + showDebugInfo('正在重新加载'); + return; + } + window.ede.loading = true; + if (window.ede.useXmlDanmaku === 1) { + getItemId().then((itemId) => { + return new Promise((resolve, reject) => { + if (!itemId) { + if (type != 'init') { + reject('播放器未完成加载'); + } else { + reject(null); + } + } + resolve(itemId); + }); + }).then((itemId) => getCommentsByPluginApi(itemId)) + .then((comments) => { + if (comments?.length > 0) { + return createDanmaku(comments).then(() => { + showDebugInfo('本地弹幕就位'); + }).then(() => { + window.ede.loading = false; + const danmakuCtr = document.getElementById('danmakuCtr'); + if (danmakuCtr && danmakuCtr.style && danmakuCtr.style.opacity !== '1') { + danmakuCtr.style.opacity = 1; + } + }); + } + throw new Error('本地弹幕加载失败，尝试在线加载'); + }) + .catch((error) => { + showDebugInfo(error.message); + return loadOnlineDanmaku(type); + }); + } else { + loadOnlineDanmaku(type); + } + } + + function loadOnlineDanmaku(type) { + return 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('当前播放视频未变动'); + } 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; + } + + let _container = null; + document.querySelectorAll(mediaContainerQueryStr).forEach((element) => { + if (!element.classList.contains('hide')) { + _container = element; + } + }); + + const containerWidth = _container.offsetWidth; + const containerHeight = _container.offsetHeight * window.ede.heightRatio - 18; + const duration = Math.ceil(containerWidth / window.ede.speed); + const lines = Math.floor(containerHeight / window.ede.fontSize) - 1; + + const limit = (9 - level * 2) * lines; + const verticalLimit = lines - 1 > 0 ? lines - 1 : 1; + const resultComments = []; + + const timeBuckets = {}; + const verticalTimeBuckets = {}; + + comments.forEach(comment => { + const timeIndex = Math.ceil(comment.time / duration); + + if (!timeBuckets[timeIndex]) { + timeBuckets[timeIndex] = 0; + } + if (!verticalTimeBuckets[timeIndex]) { + verticalTimeBuckets[timeIndex] = 0; + } + + if (comment.mode === 'top' || comment.mode === 'bottom') { + if (verticalTimeBuckets[timeIndex] < verticalLimit) { + verticalTimeBuckets[timeIndex]++; + resultComments.push(comment); + } + } else { + if (timeBuckets[timeIndex] < limit) { + timeBuckets[timeIndex]++; + resultComments.push(comment); + } + } + }); + + return resultComments; + } + + function danmakuParser(all_cmts) { + const { fontSize, danmakuFilter, danmakuModeFilter, curEpOffset } = 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); + + // 使用Map去重 + const unique_cmts = []; + const cmtMap = new Map(); + const removeUserRegex = /,[^,]+$/; //p: time,modeId,colorValue,user + all_cmts.forEach((comment) => { + const p = comment.p.replace(removeUserRegex, ''); + if (!cmtMap.has(p + comment.m)) { + cmtMap.set(p + comment.m, true); + unique_cmts.push(comment); + } + }); + + let enabledMode = [1, 4, 5, 6]; + if ((danmakuModeFilter & 1) === 1) { enabledMode = enabledMode.filter((v) => v !== 4); } + if ((danmakuModeFilter & 2) === 2) { enabledMode = enabledMode.filter((v) => v !== 5); } + if ((danmakuModeFilter & 4) === 4) { enabledMode = enabledMode.filter((v) => v !== 6 && v !== 1); } + + return unique_cmts + .filter((comment) => { + const user = comment.p.split(',')[3]; + const modeId = parseInt(comment.p.split(',')[1], 10); + return !danmakuFilteRule.test(user) && enabledMode.includes(modeId); + }) + .map((comment) => { + const [time, modeId, colorValue] = comment.p.split(',').map((v, i) => i === 0 ? parseFloat(v) : parseInt(v, 10)); + const mode = { 1: 'rtl', 4: 'bottom', 5: 'top', 6: 'ltr' }[modeId]; + + const color = colorValue.toString(16).padStart(6, '0'); + return { + text: comment.m, + mode, + time: time + curEpOffset, + 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 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; + } + + 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 }); + }); + }; + + waitForElement('.htmlvideoplayer').then(() => { + if (!window.ede) { + window.ede = new EDE(); + + var materialIcon = document.querySelector('.material-icons'); + var fontFamily = window.getComputedStyle(materialIcon).fontFamily; + if (fontFamily === '"Font Awesome 6 Pro"') { + danmaku_icons = ['fa-comment-slash', 'fa-comment']; + log_icons = ['fa-toilet-paper-slash', 'fa-toilet-paper']; + searchButtonOpts.class = 'fa-search'; + sourceButtonOpts.class = 'fa-square-plus'; + settingButtonOpts.class = 'fa-sliders'; + sendDanmakuOpts.class = 'fa-paper-plane'; + } + + (async () => { + while (!(await ApiClient.getSessions())) { + await new Promise((resolve) => setTimeout(resolve, 200)); + } + + setInterval(() => { + initUI(); + }, check_interval); + + setInterval(() => { + initListener(); + }, check_interval); + })(); + } + }); })();