视频背景颜色
自定义视频背景颜色，包括评论区
` }); let $right = domUtils.createElement("div", { className: "pops-panel-item-right", innerHTML: ` ` }); let $color = $right.querySelector( ".pops-color-choose" ); $color.value = PopsPanel.getValue( "live-changeBackgroundColor" ); let $style = domUtils.createElement("style"); domUtils.append(document.head, $style); domUtils.on( $color, ["input", "propertychange"], (event) => { log.info("选择颜色：" + $color.value); $style.innerHTML = ` div[id^="living_room_player_container"] > div, #chatroom > div{ background: ${$color.value}; } `; PopsPanel.setValue( "live-changeBackgroundColor", $color.value ); } ); liElement.appendChild($left); liElement.appendChild($right); return liElement; } } ] } ] }, { text: "过滤-弹幕", type: "deepMenu", forms: [ { text: "", type: "forms", forms: [ UISwitch( "启用", "live-danmu-shield-rule-enable", false, void 0, "启用自定义的弹幕过滤规则" ), { type: "own", getLiElementCallBack(liElement) { let textareaDiv = domUtils.createElement( "div", { className: "pops-panel-textarea", innerHTML: `` }, { style: "width: 100%;" } ); let textarea = textareaDiv.querySelector( "textarea" ); textarea.value = DouYinDanmuFilter.get(); domUtils.on( textarea, ["input", "propertychange"], utils.debounce(function() { DouYinDanmuFilter.set(textarea.value); }, 200) ); liElement.appendChild(textareaDiv); return liElement; } } ] } ] }, { text: "自定义快捷键", type: "deepMenu", forms: [ { text: "", type: "forms", forms: [ UIButtonShortCut( "【屏蔽】聊天室", "", "dy-live-block-chatroom", void 0, "点击录入快捷键", void 0, DouYinLiveShortCut.shortCut ), UIButtonShortCut( "【屏蔽】礼物特效", "", "dy-live-shieldGiftEffects", void 0, "点击录入快捷键", void 0, DouYinLiveShortCut.shortCut ) ] } ] }, { type: "deepMenu", text: "快捷键禁用", afterEnterDeepMenuCallBack: AutoOpenOrClose.afterEnterDeepMenuCallBack, forms: [ { type: "forms", text: AutoOpenOrClose.text, forms: [ UISwitch("刷新", "dy-live-refresh", false, void 0, "E"), UISwitch( "屏幕旋转", "dy-live-screenRotation", false, void 0, "D" ), UISwitch( "开启小窗模式", "dy-live-enableSmallWindowMode", false, void 0, "U" ) ] } ] } ] }, { text: "", type: "forms", forms: [ { text: "屏蔽-视频区域内", type: "deepMenu", afterEnterDeepMenuCallBack: AutoOpenOrClose.afterEnterDeepMenuCallBack, forms: [ { text: AutoOpenOrClose.text, type: "forms", forms: [ UISwitch( "【屏蔽】顶栏信息", "live-shieldTopToolBarInfo", false, void 0, "屏蔽元素，包括直播作者、右侧的礼物展馆" ), UISwitch( "【屏蔽】底部的礼物栏", "live-shieldGiftColumn", false, void 0, "屏蔽元素" ), UISwitch( "【屏蔽】礼物特效", "live-shieldGiftEffects", false, void 0, "屏蔽元素" ), UISwitch( "【屏蔽】弹幕", "live-shieldDanmuku", false, void 0, "屏蔽元素" ), UISwitch( "【屏蔽】小黄车", "live-shielYellowCar", false, void 0, "屏蔽元素" ) ] } ] }, { text: "屏蔽-聊天室", type: "deepMenu", afterEnterDeepMenuCallBack: AutoOpenOrClose.afterEnterDeepMenuCallBack, forms: [ { text: AutoOpenOrClose.text, type: "forms", forms: [ UISwitch( "【屏蔽】聊天室", "live-shieldChatRoom", false, void 0, "屏蔽元素" ), UISwitch( "【屏蔽】贵宾席", "live-shielChatRoomVipSeats", false, void 0, "屏蔽元素" ), UISwitch( "【屏蔽】用户等级图标", "dy-live-shieldUserLevelIcon", false, void 0, "屏蔽元素" ), UISwitch( "【屏蔽】VIP图标", "dy-live-shieldUserVIPIcon", false, void 0, "屏蔽元素" ), UISwitch( "【屏蔽】粉丝牌", "dy-live-shieldUserFansIcon", false, void 0, "屏蔽元素" ), UISwitch( "【屏蔽】信息播报", "dy-live-shieldMessage", false, void 0, "底部滚动播报的的xxx来了，xxx给主播点赞" ) ] } ] } ] } ] }; const MobileCSS$1 = '/* 去除顶部的padding距离 */\r\n#douyin-right-container {\r\n padding-top: 0;\r\n}\r\n/* 放大放大顶部的综合、视频、用户等header的宽度 */\r\n#search-content-area > div > div:nth-child(1) > div:nth-child(1) {\r\n width: 100vw;\r\n}\r\n/* 放大顶部的综合、视频、用户等header */\r\n#search-content-area > div > div:nth-child(1) > div:nth-child(1) > div {\r\n transform: scale(0.8);\r\n}\r\n/* 视频宽度 */\r\nul[data-e2e="scroll-list"] {\r\n padding: 0px 10px;\r\n}\r\n#sliderVideo {\r\n width: -webkit-fill-available;\r\n}\r\n/* 距离是顶部导航栏的高度 */\r\n#search-content-area {\r\n margin-top: 65px;\r\n}\r\n/* 调整视频列表的宽度 */\r\n@media screen and (max-width: 550px) {\r\n #sliderVideo {\r\n width: 100%;\r\n }\r\n /* 调整顶部搜索框的宽度 */\r\n #component-header\r\n div[data-click="doubleClick"]\r\n > div[data-click="doubleClick"]\r\n > div:has(input[data-e2e="searchbar-input"]) {\r\n width: -webkit-fill-available;\r\n padding-right: 0;\r\n }\r\n}\r\n'; const DouYinSearchHideElement = { init() { PopsPanel.execMenuOnce("douyin-search-shieldReleatedSearches", () => { return this.shieldReleatedSearches(); }); }, /** * 【屏蔽】相关搜索 */ shieldReleatedSearches() { log.info("【屏蔽】相关搜索"); return [ DouYinUtils.addBlockCSS("#search-content-area > div > div:nth-child(2)"), addStyle( /*css*/ ` #search-content-area > div > div:nth-child(1) > div:nth-child(1){ width: 100vw; }` ) ]; } }; const DouYinElement = { /** * 观察 #slidelist的加载每条视频 * @param callback */ watchVideDataListChange(callback) { let $os = null; domUtils.ready(() => { utils.waitAnyNode([ "#slidelist", // 搜索页面的↓搜索结果列表 '#search-content-area ul[data-e2e="scroll-list"]' ]).then(($ele) => { log.info(`启用观察器观察加载的视频`); utils.mutationObserver($ele, { config: { childList: true, subtree: true }, callback: (mutations, observer) => { if (!$os) { $os = this.getOSElement(); } if (!$os) { log.error("watchVideDataListChange：获取osElement失败"); return; } callback($os, observer); }, immediate: true }); }); }); }, getOSElement() { return document.querySelector("#root div[class*='-os']") || document.querySelector("#douyin-right-container"); } }; class DouYinVideoFilter { constructor(config) { /** 存储的键 */ __publicField(this, "key"); __publicField(this, "$data", { __rule: null, /** * 解析出的规则 */ get rule() { if (this.__rule == null) { this.__rule = new utils.Dictionary(); } return this.__rule; }, /** * 多组规则 */ moreRule: [] }); __publicField(this, "$flag", { /** 是否屏蔽在直播 */ isBlockLiveVideo: false, /** 是否屏蔽广告 */ isBlockAdsVideo: false }); this.key = config.key; this.$flag.isBlockLiveVideo = Boolean(config.isBlockLiveVideo); this.$flag.isBlockAdsVideo = Boolean(config.isBlockAdsVideo); this.initLocalRule(); } /** * 根据视频信息，判断是否需要屏蔽 */ checkFilterWithRule(details) { if (details.videoInfoValue == null) { return false; } if (details.ruleValue == null) { return false; } if (typeof details.videoInfoValue === "string") { if (Boolean(details.videoInfoValue.match(details.ruleValue))) { return true; } } else if (typeof details.videoInfoValue === "object" && Array.isArray(details.videoInfoValue)) { let findValue = details.videoInfoValue.find( (awemeInfoDictValue) => Boolean(awemeInfoDictValue.match(details.ruleValue)) ); if (findValue) { return true; } } else if (typeof details.videoInfoValue === "number" && typeof details.ruleValue === "string") { let compareNumberMatch = details.ruleValue.match(/(\d+)/); if (!compareNumberMatch) { log.warn(["过滤器-解析比较大小的数字失败: ", details]); return false; } let compareNumber = Number(compareNumberMatch[1]); if (details.ruleValue.startsWith(">")) { if (details.ruleValue.startsWith(">=") && details.videoInfoValue >= compareNumber) { return true; } else if (details.videoInfoValue > compareNumber) { return true; } } else if (details.ruleValue.startsWith("<")) { if (details.ruleValue.startsWith("<=") && details.videoInfoValue <= compareNumber) { return true; } else if (details.videoInfoValue < compareNumber) { return true; } } else if (details.ruleKey.startsWith("=")) { if (details.videoInfoValue === compareNumber) { return true; } } else { log.warn(["过滤器-自定义屏蔽-未经允许的比较符号: ", details]); return false; } } return false; } /** * 检测视频是否可以屏蔽，可以屏蔽返回true * @param awemeInfo 视频信息结构 */ checkAwemeInfoIsFilter(awemeInfo) { let awemeInfoTagDict = this.getAwemeInfoDictData(awemeInfo, true); let flag = false; if (!flag) { if (this.$flag.isBlockLiveVideo && awemeInfoTagDict.isLive) { log.success("过滤器-屏蔽直播"); flag = true; } } if (!flag) { if (this.$flag.isBlockAdsVideo && awemeInfoTagDict.isAds) { log.success("过滤器-屏蔽广告"); flag = true; } } if (!flag) { for (const [ruleKey, ruleValue] of this.$data.rule.entries()) { if (!Reflect.has(awemeInfoTagDict, ruleKey)) { continue; } let tagKey = ruleKey; let tagValue = awemeInfoTagDict[tagKey]; let details = { videoInfoKey: tagKey, videoInfoValue: tagValue, ruleKey, ruleValue }; let checkFlag = this.checkFilterWithRule(details); if (checkFlag) { flag = true; log.success(["过滤器-自定义屏蔽: ", details]); break; } } } if (!flag) { for (const rule of this.$data.moreRule) { let moreRuleFlag = true; for (const [ruleKey, ruleValue] of Object.entries(rule)) { if (!Reflect.has(awemeInfoTagDict, ruleKey)) { moreRuleFlag = false; break; } let tagKey = ruleKey; let tagValue = awemeInfoTagDict[tagKey]; let details = { videoInfoKey: tagKey, videoInfoValue: tagValue, ruleKey, ruleValue }; let checkFlag = this.checkFilterWithRule(details); if (!checkFlag) { moreRuleFlag = false; break; } } if (moreRuleFlag) { flag = true; log.success([ "多组过滤器-自定义屏蔽: ", rule, this.getAwemeInfoDictData(awemeInfo) ]); break; } } } return flag; } /** * 解析awemeInfo转为规则过滤的字典 * @param awemeInfo * @param showLog 是否显示日志输出 */ getAwemeInfoDictData(awemeInfo, showLog = false) { var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n; let nickname = (_b = (_a2 = awemeInfo == null ? void 0 : awemeInfo["authorInfo"]) == null ? void 0 : _a2["nickname"]) == null ? void 0 : _b.toString(); let uid = (_d = (_c = awemeInfo == null ? void 0 : awemeInfo["authorInfo"]) == null ? void 0 : _c["uid"]) == null ? void 0 : _d.toString(); let desc = (_e = awemeInfo == null ? void 0 : awemeInfo["desc"]) == null ? void 0 : _e.toString(); let collectCount = (_f = awemeInfo == null ? void 0 : awemeInfo["stats"]) == null ? void 0 : _f["collectCount"]; let commentCount = (_g = awemeInfo == null ? void 0 : awemeInfo["stats"]) == null ? void 0 : _g["commentCount"]; let diggCount = (_h = awemeInfo == null ? void 0 : awemeInfo["stats"]) == null ? void 0 : _h["diggCount"]; let shareCount = (_i = awemeInfo == null ? void 0 : awemeInfo["stats"]) == null ? void 0 : _i["shareCount"]; let textExtra = []; let isLive = false; let isAds = false; if (typeof (awemeInfo == null ? void 0 : awemeInfo["textExtra"]) === "object" && Array.isArray(awemeInfo == null ? void 0 : awemeInfo["textExtra"])) { (_j = awemeInfo == null ? void 0 : awemeInfo["textExtra"]) == null ? void 0 : _j.forEach((item) => { textExtra.push(item["hashtagName"]); }); } let videoTag = []; if (typeof (awemeInfo == null ? void 0 : awemeInfo["videoTag"]) === "object" && Array.isArray(awemeInfo == null ? void 0 : awemeInfo["videoTag"])) { awemeInfo == null ? void 0 : awemeInfo["videoTag"].forEach((item) => { videoTag.push(item["tagName"]); }); } if (typeof awemeInfo["cellRoom"] === "object") { isLive = true; if (showLog) { log.success("直播间：cellRoom is not null"); } } if (awemeInfo["isAds"]) { isAds = true; if (showLog) { log.success("广告：isAds is true"); } } else if (typeof awemeInfo["rawAdData"] === "string" && utils.isNotNull(awemeInfo["rawAdData"])) { isAds = true; if (showLog) { log.success("广告：rawAdData is not null"); } } else if ((_l = (_k = awemeInfo["webRawData"]) == null ? void 0 : _k["brandAd"]) == null ? void 0 : _l["is_ad"]) { isAds = true; if (showLog) { log.success("广告：webRawData.brandAd.is_ad is true"); } } else if ((_n = (_m = awemeInfo["webRawData"]) == null ? void 0 : _m["insertInfo"]) == null ? void 0 : _n["is_ad"]) { isAds = true; if (showLog) { log.success("广告：webRawData.insertInfo.is_ad is true"); } } return { nickname, uid, desc, textExtra, videoTag, collectCount, commentCount, diggCount, shareCount, isLive, isAds }; } /** * 解析并初始化自定义规则 */ initLocalRule() { let localRule = this.get().trim(); let localRuleSplit = localRule.split("\n"); this.$data.rule.clear(); this.$data.moreRule = []; localRuleSplit.forEach((item) => { if (utils.isNull(item)) { return; } let trimItem = item.trim(); let itemSplit = trimItem.split("##"); if (itemSplit.length < 2) { return; } let keyName = itemSplit[0]; itemSplit.shift(); if (keyName === "more") { let keyValue = itemSplit.join("##"); let moreItemSplit = keyValue.split("##"); let moreRule = {}; for (let index = 0; index < moreItemSplit.length; index += 2) { let ruleKey = moreItemSplit[index]; let ruleValue = moreItemSplit[index + 1]; try { if (ruleValue.match(/^>|<|=/g)) { Reflect.set(moreRule, ruleKey, ruleValue.trim()); } else { let regExpKeyValue = new RegExp(ruleValue, "g"); Reflect.set(moreRule, ruleKey, regExpKeyValue); } } catch (error) { log.error(["多组-自定义视频过滤规则-正则解析错误：" + error]); log.error("多组-错误的规则：" + item); } } this.$data.moreRule.push(moreRule); } else { let keyValue = itemSplit.join(""); try { if (keyValue.match(/^>|<|=/g)) { this.$data.rule.set(keyName, keyValue.trim()); } else { let regExpKeyValue = new RegExp(keyValue, "g"); this.$data.rule.set(keyName, regExpKeyValue); } } catch (error) { log.error(["自定义视频过滤规则-正则解析错误：" + error]); log.error("错误的规则：" + item); } } }); } /** * 更新规则 */ updateRule(ruleText) { ruleText = ruleText.trim(); if (ruleText == "") { return; } let localRule = this.get().trim(); localRule = localRule + "\n" + ruleText; this.set(localRule); this.initLocalRule(); } set(value) { _GM_setValue(this.key, value); } get() { return _GM_getValue(this.key, ""); } /** * 清空存储的值 */ clear() { this.set(""); } /** * 销毁存储的值 */ destory() { _GM_deleteValue(this.key); } } const DouYinSearchFilter = { __videoFilter: null, get videoFilter() { if (this.__videoFilter == null) { const KEY2 = "douyin-search-shield-rule"; const isBlockLiveVideo = PopsPanel.getValue( "search-shieldVideo-live" ); const isBlockAdsVideo = PopsPanel.getValue( "search-shieldVideo-ads" ); this.__videoFilter = new DouYinVideoFilter({ key: KEY2, isBlockLiveVideo, isBlockAdsVideo }); } return this.__videoFilter; }, init() { DouYinElement.watchVideDataListChange( utils.debounce((osElement) => { var _a2, _b, _c, _d; let $searchContentAreaScrollList = Array.from( document.querySelectorAll( '#search-content-area ul[data-e2e="scroll-list"] li' ) ); if (!$searchContentAreaScrollList.length) { log.error("未获取到搜索视频列表元素"); return; } for (let index = 0; index < $searchContentAreaScrollList.length; index++) { const $searchContentAreaScrollItem = $searchContentAreaScrollList[index]; let reactProps = (_a2 = utils.getReactObj( $searchContentAreaScrollItem )) == null ? void 0 : _a2.reactProps; if (reactProps == null) { log.error([ "元素上不存在reactProps属性", $searchContentAreaScrollItem ]); return; } let awemeInfo = (_d = (_c = (_b = reactProps == null ? void 0 : reactProps.children) == null ? void 0 : _b.props) == null ? void 0 : _c.data) == null ? void 0 : _d.awemeInfo; if (awemeInfo == null) { log.error([ "元素上不存在awemeInfo属性", $searchContentAreaScrollItem ]); return; } let flag = this.videoFilter.checkAwemeInfoIsFilter(awemeInfo); if (flag) { $searchContentAreaScrollItem.remove(); index--; } } }, 50) ); }, get() { return this.videoFilter.get(); }, set(value) { this.videoFilter.set(value); } }; const DouYinSearch = { init() { DouYinSearchHideElement.init(); PopsPanel.execMenuOnce("search-shieldVideo", () => { DouYinSearchFilter.init(); }); PopsPanel.execMenuOnce("dy-search-disableClickToEnterFullScreen", () => { this.disableClickToEnterFullScreen(); }); PopsPanel.execMenuOnce( "live-setSearchResultFilterWithVideoStyle", (value) => { return this.setSearchResultFilterWithVideoStyle(value); } ); }, /** * 手机模式 * (由通用统一调用，勿放在本函数的init内) */ mobileMode() { log.info("搜索-手机模式"); let result = []; result.push(addStyle(MobileCSS$1)); result.push( addStyle( /*css*/ ` @media screen and (max-width: 550px){ div#search-body-container { display: flex; } div#search-body-container #component-Navigation { flex: 0; } div#search-body-container #douyin-right-container { flex: 1 auto; } div#search-body-container #douyin-right-container #search-content-area > div { width: 100% !important; } div#search-body-container #douyin-right-container #search-content-area > div > div > div { width: 100% !important; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } /* 上面的搜索结果筛选 */ #search-content-area > div >div> div:first-child > div:first-child > div:last-child{ overflow: auto; text-wrap: nowrap; height: auto; } /* 视频右侧的TA的作品↓ */ #searchSideCard{ width: unset !important; } #searchSideCard > div{ padding: 0px !important; } #searchSideCard > div:has(>div+svg), #searchSideCard ul[data-e2e="scroll-list"]{ padding: 0px 10px !important; } #searchSideCard ul[data-e2e="scroll-list"] .video-playing-item > div{ width: auto; } /* 视频右侧的TA的作品↑ */ /* 悬浮的筛选 */ #douyin-right-container #douyin-header{ background-color: var(--color-bg-b0); } xg-right-grid{ margin: auto !important; } } ` ) ); utils.waitNode("#relatedVideoCard").then(($relatedVideoCard) => { log.info("评论区展开的className：" + $relatedVideoCard.className); result.push( addStyle( /*css*/ ` html[data-vertical-screen] #sliderVideo[data-e2e="feed-active-video"] #videoSideBar:has(#relatedVideoCard[class="${$relatedVideoCard.className}"]) { width: 100vw !important; }` ) ); }); }, /** * 禁止点击视频区域进入全屏 */ disableClickToEnterFullScreen() { log.info("搜索-禁止点击视频区域进入全屏"); domUtils.on( document, "click", ".focusPanel", (event) => { var _a2; utils.preventEvent(event); let $click = event.target; let $parent = (_a2 = $click.parentElement) == null ? void 0 : _a2.parentElement; let $video = $parent.querySelector("video"); if ($video) { if ($video.paused) { log.info(".focusPanel：播放视频"); $video.play(); } else { log.info(".focusPanel：视频暂停"); $video.pause(); } } else { log.error(".focusPanel未找到