Greasy Fork is available in English.
Custom CDN of Bilibili (CCB)
// ==UserScript==
// @name Custom CDN of Bilibili (CCB) - 修改哔哩哔哩的网页视频、直播、番剧的播放源
// @description Custom CDN of Bilibili (CCB)
// @namespace CCB
// @license MIT
// @version 2.0.2
// @author 鼠鼠今天吃嘉然
// @run-at document-start
// @match https://www.bilibili.com/video/*
// @match https://www.bilibili.com/bangumi/play/*
// @match https://www.bilibili.com/cheese/play/*
// @match https://www.bilibili.com/festival/*
// @match https://www.bilibili.com/list/*
// @match https://live.bilibili.com/*
// @match https://www.bilibili.com/blackboard/video-diagnostics.html*
// @match https://www.bilibili.com/blackboard/*
// @match https://player.bilibili.com/*
// @connect kanda-akihito-kun.github.io
// @grant GM_xmlhttpRequest
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_registerMenuCommand
// @grant unsafeWindow
// ==/UserScript==
;(() => {
const api = 'https://kanda-akihito-kun.github.io/ccb/api'
const defaultCdnNode = '使用默认源'
const manualRegionName = '手动输入'
const mainHost = 'www.bilibili.com'
const liveHost = 'live.bilibili.com'
const oldCdnNodeStored = 'CCB'
const oldRegionStored = 'region'
const mainCdnNodeStored = 'CCB_main'
const mainRegionStored = 'region_main'
const diagnosticsCdnNodeStored = 'CCB_diagnostics'
const diagnosticsRegionStored = 'region_diagnostics'
const liveCdnNodeStored = 'CCB_live'
const liveRegionStored = 'region_live'
const powerModeStored = 'powerMode'
const liveModeStored = 'liveMode'
const logger = ((...args) => {
console.warn(`[CCB] ${args}`, args)
})
const UNSET = '__CCB_UNSET__'
const normalizeRegion = (v) => {
if (!v) return manualRegionName
if (v === '编辑') return manualRegionName
return v
}
const migrateStoredValues = () => {
const oldNode = GM_getValue(oldCdnNodeStored, UNSET)
const oldRegion = GM_getValue(oldRegionStored, UNSET)
if (oldNode !== UNSET) {
if (GM_getValue(mainCdnNodeStored, UNSET) === UNSET) GM_setValue(mainCdnNodeStored, oldNode)
if (GM_getValue(diagnosticsCdnNodeStored, UNSET) === UNSET) GM_setValue(diagnosticsCdnNodeStored, oldNode)
if (GM_getValue(liveCdnNodeStored, UNSET) === UNSET) GM_setValue(liveCdnNodeStored, oldNode)
}
if (oldRegion !== UNSET) {
const normalized = normalizeRegion(oldRegion)
if (GM_getValue(mainRegionStored, UNSET) === UNSET) GM_setValue(mainRegionStored, normalized)
if (GM_getValue(diagnosticsRegionStored, UNSET) === UNSET) GM_setValue(diagnosticsRegionStored, normalized)
if (GM_getValue(liveRegionStored, UNSET) === UNSET) GM_setValue(liveRegionStored, normalized)
}
}
migrateStoredValues()
const isLiveContext = () => location.host === liveHost
const isDiagnosticsContext = () => location.host === mainHost && (location.pathname || '').startsWith('/blackboard/video-diagnostics.html')
const getContextKey = () => {
if (isLiveContext()) return 'live'
if (isDiagnosticsContext()) return 'diagnostics'
return 'main'
}
const getTargetCdnNode = (ctx = getContextKey()) => GM_getValue(
ctx === 'live' ? liveCdnNodeStored : (ctx === 'diagnostics' ? diagnosticsCdnNodeStored : mainCdnNodeStored),
GM_getValue(oldCdnNodeStored, defaultCdnNode),
)
const getRegion = (ctx = getContextKey()) => normalizeRegion(GM_getValue(
ctx === 'live' ? liveRegionStored : (ctx === 'diagnostics' ? diagnosticsRegionStored : mainRegionStored),
normalizeRegion(GM_getValue(oldRegionStored, manualRegionName)),
))
const setTargetCdnNode = (ctx, value) => GM_setValue(
ctx === 'live' ? liveCdnNodeStored : (ctx === 'diagnostics' ? diagnosticsCdnNodeStored : mainCdnNodeStored),
value,
)
const setRegion = (ctx, value) => GM_setValue(
ctx === 'live' ? liveRegionStored : (ctx === 'diagnostics' ? diagnosticsRegionStored : mainRegionStored),
value,
)
const getPowerMode = () => GM_getValue(powerModeStored, true)
const getLiveMode = () => GM_getValue(liveModeStored, false)
const isCcbEnabled = () => getTargetCdnNode() !== defaultCdnNode
const hasMediaDomain = (s) => typeof s === 'string' && (
s.indexOf('bilivideo.') !== -1
|| s.indexOf('acgvideo.') !== -1
|| s.indexOf('edge.mountaintoys.cn') !== -1
|| s.indexOf('akamaized.net') !== -1
)
const isLiveRoomPage = () => {
if (location.host !== liveHost) return false
const p = location.pathname || '/'
return /^\/\d+\/?$/.test(p) || /^\/blanc\/\d+\/?$/.test(p)
}
const shouldApplyReplacement = () => {
if (!isCcbEnabled()) return false
if (location.host === liveHost) {
if (!isLiveRoomPage()) return false
if (!getLiveMode()) return false
}
return true
}
const shouldInstallWorkerHooks = () => {
if (!shouldApplyReplacement()) return false
const host = location.host
const pathname = location.pathname || '/'
if (host === mainHost) {
return pathname.startsWith('/bangumi/play/')
|| pathname.startsWith('/video/')
|| pathname.startsWith('/cheese/play/')
}
if (host === liveHost) return isLiveRoomPage()
return false
}
const getReplacement = () => {
let target = getTargetCdnNode()
if (target.indexOf('://') === -1) target = 'https://' + target
if (!target.endsWith('/')) target = target + '/'
return target
}
const getReplacementNoSlash = () => {
const r = getReplacement()
return r.endsWith('/') ? r.slice(0, -1) : r
}
const getReplacementHost = () => {
try {
return new URL(getReplacement()).host
} catch (_) {
return ''
}
}
const IGNORE_HOST_RE = /^(?:bvc|data|pbp|api|api\w+)\./
const replaceMediaUrl = (s) => {
if (typeof s !== 'string') return s
if (!shouldApplyReplacement()) return s
if (!hasMediaDomain(s)) return s
try {
const u = new URL(s.startsWith('//') ? `https:${s}` : s)
if (IGNORE_HOST_RE.test(u.hostname)) return s
} catch (_) {
const m = s.match(/^https?:\/\/([\w.-]+)/) || s.match(/^\/\/([\w.-]+)/)
if (m && IGNORE_HOST_RE.test(m[1])) return s
}
if (s.startsWith('http://') || s.startsWith('https://')) return s.replace(/^https?:\/\/.*?\//, getReplacement())
if (s.startsWith('//')) return s.replace(/^\/\/.*?\//, getReplacement().replace(/^https?:/, ''))
if (/^[^/]+\//.test(s)) return s.replace(/^[^/]+\//, `${getReplacementHost()}/`)
return s
}
const replaceMediaHostValue = (s) => {
if (typeof s !== 'string') return s
if (!shouldApplyReplacement()) return s
if (!hasMediaDomain(s)) return s
try {
const u = new URL(s.startsWith('//') ? `https:${s}` : s)
if (IGNORE_HOST_RE.test(u.hostname)) return s
} catch (_) {
const m = s.match(/^https?:\/\/([\w.-]+)/) || s.match(/^\/\/([\w.-]+)/)
if (m && IGNORE_HOST_RE.test(m[1])) return s
}
if (s.startsWith('http://') || s.startsWith('https://')) return getReplacementNoSlash()
if (s.startsWith('//')) return getReplacementNoSlash().replace(/^https?:/, '')
if (/^[^/]+$/.test(s)) return getReplacementHost()
return s
}
const deepReplacePlayInfo = (obj) => {
if (!obj || typeof obj !== 'object') return
if (Array.isArray(obj)) {
for (let i = 0; i < obj.length; i++) {
const item = obj[i]
if (typeof item === 'string') {
const out = hasMediaDomain(item) ? replaceMediaUrl(item) : item
if (out !== item) obj[i] = out
} else {
deepReplacePlayInfo(item)
}
}
return
}
for (const k in obj) {
if (!Object.prototype.hasOwnProperty.call(obj, k)) continue
const v = obj[k]
if (typeof v === 'string') {
if (k === 'host') {
if (hasMediaDomain(v)) obj[k] = replaceMediaHostValue(v)
} else {
if (hasMediaDomain(v)) obj[k] = replaceMediaUrl(v)
}
} else if (Array.isArray(v) && k === 'backup_url') {
if (!getPowerMode()) continue
for (let i = 0; i < v.length; i++) {
const s = v[i]
if (typeof s === 'string') {
if (hasMediaDomain(s)) v[i] = replaceMediaUrl(s)
}
else deepReplacePlayInfo(s)
}
} else if (typeof v === 'object') {
deepReplacePlayInfo(v)
}
}
}
const transformPlayUrlResponse = (playInfo) => {
if (!playInfo || typeof playInfo !== 'object') return
if (playInfo.code !== (void 0) && playInfo.code !== 0) return
deepReplacePlayInfo(playInfo)
}
const transformLiveNeptune = (obj) => {
if (!obj || typeof obj !== 'object') return
if (!getReplacementHost()) return
const playurl =
(obj && obj.roomInitRes && obj.roomInitRes.data && obj.roomInitRes.data.playurl_info && obj.roomInitRes.data.playurl_info.playurl) ||
(obj && obj.data && obj.data.playurl_info && obj.data.playurl_info.playurl) ||
(obj && obj.result && obj.result.playurl_info && obj.result.playurl_info.playurl) ||
(obj && obj.playurl_info && obj.playurl_info.playurl)
if (!playurl || typeof playurl !== 'object') return
const streams = playurl.stream
if (!Array.isArray(streams)) return
for (let si = 0; si < streams.length; si++) {
const s = streams[si]
const formats = s && s.format
if (!Array.isArray(formats)) continue
for (let fi = 0; fi < formats.length; fi++) {
const f = formats[fi]
const codecs = f && f.codec
if (!Array.isArray(codecs)) continue
for (let ci = 0; ci < codecs.length; ci++) {
const c = codecs[ci]
const infos = c && c.url_info
if (!Array.isArray(infos)) continue
for (let ii = 0; ii < infos.length; ii++) {
const info = infos[ii]
if (info && typeof info.host === 'string') info.host = replaceMediaHostValue(info.host)
}
}
}
}
}
const replaceBilivideoInText = (text) => {
if (!shouldApplyReplacement()) return text
if (typeof text !== 'string') return text
if (text.indexOf('bilivideo.') === -1
&& text.indexOf('acgvideo.') === -1
&& text.indexOf('edge.mountaintoys.cn') === -1
&& text.indexOf('akamaized.net') === -1
) return text
const out = text.replace(/https?:\/\/[^"'\s]*?\.(?:(?:bilivideo|acgvideo)\.(?:com|cn)|edge\.mountaintoys\.cn|akamaized\.net)\//g, getReplacement())
const host = getReplacementHost()
if (!host) return out
return out.replace(/\b[\w.-]+\.(?:(?:bilivideo|acgvideo)\.(?:com|cn)|edge\.mountaintoys\.cn|akamaized\.net)\b/g, host)
}
const installCcbWorkerRuntime = (cfg) => {
const forceReplace = !!(cfg && cfg.forceReplace)
const shouldApply = () => forceReplace
const Replacement = (cfg && typeof cfg.replacement === 'string') ? cfg.replacement : ''
const replacementHost = (cfg && typeof cfg.replacementHost === 'string') ? cfg.replacementHost : ''
const getHost = () => replacementHost
const IgnoreHostRe = /^(?:bvc|data|pbp|api|api\w+)\./
const hasMedia = (s) => typeof s === 'string' && (
s.indexOf('bilivideo.') !== -1
|| s.indexOf('acgvideo.') !== -1
|| s.indexOf('edge.mountaintoys.cn') !== -1
|| s.indexOf('akamaized.net') !== -1
)
const replaceUrl = (s) => {
if (typeof s !== 'string') return s
if (!shouldApply()) return s
if (!hasMedia(s)) return s
try {
const u = new URL(s.startsWith('//') ? `https:${s}` : s)
if (IgnoreHostRe.test(u.hostname)) return s
} catch (_) {
const m = s.match(/^https?:\/\/([\w.-]+)/) || s.match(/^\/\/([\w.-]+)/)
if (m && IgnoreHostRe.test(m[1])) return s
}
if (s.startsWith('http://') || s.startsWith('https://')) return s.replace(/^https?:\/\/.*?\//, Replacement)
if (s.startsWith('//')) return s.replace(/^\/\/.*?\//, Replacement.replace(/^https?:/, ''))
if (/^[^/]+\//.test(s)) return s.replace(/^[^/]+\//, `${getHost()}/`)
return s
}
const Ofetch = self.fetch
if (Ofetch) {
self.fetch = (input, init) => {
try {
const s = typeof input === 'string' ? input : (input && input.url)
if (typeof s === 'string') {
const r = replaceUrl(s)
if (r !== s) {
if (typeof input === 'string') input = r
else {
const Req = self.Request || Request
if (Req) input = new Req(r, input)
}
}
}
} catch (_) {}
return Ofetch(input, init)
}
}
if (self.XMLHttpRequest) {
const OX = self.XMLHttpRequest
class X extends OX {
open(...args) {
try {
if (typeof args[1] === 'string') args[1] = replaceUrl(args[1])
} catch (_) {}
return super.open(...args)
}
}
self.XMLHttpRequest = X
}
}
const buildWorkerPrelude = () => {
const cfg = {
forceReplace: shouldApplyReplacement(),
replacement: getReplacement(),
replacementHost: getReplacementHost(),
}
const runtime = `(${installCcbWorkerRuntime.toString()})(${JSON.stringify(cfg)});`
return `(() => {\n` +
` if (self.__CCB_WORKER_PRELUDE__) return;\n` +
` self.__CCB_WORKER_PRELUDE__ = true;\n` +
` try { ${runtime} } catch (_) {}\n` +
`})();\n`
}
const interceptNetResponse = (theWindow => {
const interceptors = []
const register = (handler) => interceptors.push(handler)
const handle = (response, url, meta) => interceptors.reduce((modified, h) => {
const ret = h(modified, url, meta)
return ret ? ret : modified
}, response)
const hookWindow = (w) => {
try {
if (!w || !w.XMLHttpRequest || !w.fetch) return false
const hooked = w.__CCB_NET_HOOKED__
if (hooked && hooked.xhr === w.XMLHttpRequest && hooked.fetch === w.fetch) return true
const OX = w.XMLHttpRequest
class XHR extends OX {
open(...args) {
try {
if (typeof args[1] === 'string') args[1] = replaceMediaUrl(args[1])
} catch (_) {}
return super.open(...args)
}
get responseText() {
if (this.readyState !== this.DONE) return super.responseText
return handle(super.responseText, this.responseURL, { type: 'xhr', xhr: this })
}
get response() {
if (this.readyState !== this.DONE) return super.response
return handle(super.response, this.responseURL, { type: 'xhr', xhr: this })
}
}
w.XMLHttpRequest = XHR
const Ofetch = w.fetch
w.fetch = (input, init) => {
const s0 = typeof input === 'string' ? input : (input && input.url)
if (typeof s0 === 'string') {
const r = replaceMediaUrl(s0)
if (r !== s0) {
if (typeof input === 'string') input = r
else input = new (w.Request || Request)(r, input)
}
}
const s = typeof input === 'string' ? input : (input && input.url)
let resolvedUrl = s
try { resolvedUrl = new URL(s, w.location && w.location.href ? w.location.href : location.href).href } catch (_) {}
const shouldIntercept = handle(null, resolvedUrl, { type: 'fetch', input, init })
if (!shouldIntercept) return Ofetch(input, init)
return Ofetch(input, init).then(resp => new Promise((resolve) => {
resp.text().then(text => {
const out = handle(text, resolvedUrl, { type: 'fetch', input, init, response: resp })
resolve(new (w.Response || Response)(out, { status: resp.status, statusText: resp.statusText, headers: resp.headers }))
})
}))
}
try {
const bHooked = w.__CCB_BLOB_HOOKED__
if (w.Blob && (!bHooked || bHooked !== w.Blob)) {
const OBlob = w.Blob
w.Blob = function (parts, options) {
const type = options && options.type ? String(options.type) : ''
const looksJs = /javascript/i.test(type)
|| (Array.isArray(parts) && parts.some(p => typeof p === 'string' && /importScripts|WorkerGlobalScope|bili/i.test(p)))
if (looksJs && shouldInstallWorkerHooks()) {
const injected = [buildWorkerPrelude(), ...(Array.isArray(parts) ? parts : [parts])]
return new OBlob(injected, options)
}
return new OBlob(parts, options)
}
w.__CCB_BLOB_HOOKED__ = w.Blob
}
} catch (_) {}
try {
const wHooked = w.__CCB_WORKER_WRAPPED__
if (w.Worker && (!wHooked || wHooked !== w.Worker)) {
const OWorker = w.Worker
w.Worker = function (scriptURL, options) {
try {
if (!shouldInstallWorkerHooks()) return new OWorker(scriptURL, options)
const raw = (typeof scriptURL === 'string') ? scriptURL : String(scriptURL)
if (raw.startsWith('blob:') || raw.startsWith('data:')) return new OWorker(scriptURL, options)
const isModule = options && options.type === 'module'
const wrapperCode = isModule
? `${buildWorkerPrelude()}\nimport ${JSON.stringify(raw)};\n`
: `${buildWorkerPrelude()}\nimportScripts(${JSON.stringify(raw)});\n`
const blob = new w.Blob([wrapperCode], { type: 'application/javascript' })
const url = w.URL.createObjectURL(blob)
return new OWorker(url, options)
} catch (_) {
return new OWorker(scriptURL, options)
}
}
w.__CCB_WORKER_WRAPPED__ = w.Worker
}
} catch (_) {}
w.__CCB_NET_HOOKED__ = { xhr: w.XMLHttpRequest, fetch: w.fetch }
return true
} catch (_) {
return false
}
}
hookWindow(theWindow)
register._hookWindow = hookWindow
return register
})(unsafeWindow)
const PLAYURL_PATHS = [
'/x/player/wbi/playurl',
'/x/player/playurl',
'/pgc/player/web/playurl',
'/pgc/player/web/v2/playurl',
'/pgc/player/api/playurl',
'/pugv/player/web/playurl',
'/ogv/player/playview',
]
interceptNetResponse((response, url) => {
if (!isCcbEnabled()) return
const u = typeof url === 'string' ? url : (url && url.url) || String(url)
if (!PLAYURL_PATHS.some(p => u.includes(p))) return
if (response === null) return true
try {
if (typeof response === 'string') {
const obj = JSON.parse(response)
transformPlayUrlResponse(obj)
return JSON.stringify(obj)
}
if (response && typeof response === 'object') {
transformPlayUrlResponse(response)
return response
}
} catch (e) {
logger('处理 playurl 失败:', e)
}
})
interceptNetResponse((response, url) => {
if (!isCcbEnabled()) return
if (!getLiveMode()) return
const raw = typeof url === 'string' ? url : (url && url.url) || ''
let u
try { u = new URL(raw || String(url), location.href) } catch (_) { return }
const p = u.pathname || ''
if (!(/\/xlive\/web-room\/v\d+\/index\/getRoomPlayInfo\/?$/.test(p) || /\/room\/v1\/Room\/playUrl\/?$/.test(p))) return
if (response === null) return true
if (!isLiveRoomPage()) return
try {
const obj = typeof response === 'string' ? JSON.parse(response) : response
transformLiveNeptune(obj)
return (typeof response === 'string') ? JSON.stringify(obj) : obj
} catch (e) {
logger('处理直播 playurl 失败:', e)
}
})
interceptNetResponse((response, url) => {
if (!isCcbEnabled()) return
if (!getLiveMode()) return
const u = typeof url === 'string' ? url : (url && url.url) || String(url)
if (!u.includes('/xlive/play-gateway/master/url')) return
if (response === null) return true
return replaceBilivideoInText(response)
})
const installLiveBootstrapHooks = () => {
if (!getLiveMode() || !isLiveRoomPage() || !isCcbEnabled()) return
const seen = new WeakSet()
const tryRewrite = (obj) => {
if (!obj || typeof obj !== 'object') return
if (seen.has(obj)) return
seen.add(obj)
transformLiveNeptune(obj)
}
try {
const propName = '__NEPTUNE_IS_MY_WAIFU__'
let internal = unsafeWindow[propName]
if (internal && typeof internal === 'object') tryRewrite(internal)
Object.defineProperty(unsafeWindow, propName, {
configurable: true,
get: () => internal,
set: (v) => {
internal = v
if (v && typeof v === 'object') tryRewrite(v)
}
})
} catch (e) {
logger('直播首播 Hook 安装失败:', String(e))
}
}
installLiveBootstrapHooks()
const watchGlobal = (name, handler) => {
try {
if (unsafeWindow[name] && typeof unsafeWindow[name] === 'object') handler(unsafeWindow[name])
let internal = unsafeWindow[name]
Object.defineProperty(unsafeWindow, name, {
configurable: true,
get: () => internal,
set: (v) => {
internal = v
if (v && typeof v === 'object') handler(v)
}
})
} catch (_) {}
}
watchGlobal('__playinfo__', (obj) => {
if (!isCcbEnabled()) return
try { transformPlayUrlResponse(obj) } catch (_) {}
})
watchGlobal('__INITIAL_STATE__', (obj) => {
if (!isCcbEnabled()) return
try { transformPlayUrlResponse(obj) } catch (_) {}
})
const createButton = (text, primary, second) => {
const btn = document.createElement('button')
btn.textContent = text
btn.style.cssText = [
'border:0',
'border-radius:8px',
'padding:8px 10px',
'cursor:pointer',
'color:#fff',
`background:${primary ? '#2b74ff' : (second ? '#1bc543ff' : '#444')}`,
].join(';')
return btn
}
let regionList = [manualRegionName]
let cdnDataCache = null
const requestText = (url) => new Promise((resolve, reject) => {
const fetchFallback = () => fetch(url).then(r => r.text()).then(resolve, reject)
try {
if (typeof GM_xmlhttpRequest === 'function') {
GM_xmlhttpRequest({
method: 'GET',
url,
onload: (res) => {
const ok = res && typeof res.status === 'number' ? (res.status >= 200 && res.status < 300) : true
if (!ok) fetchFallback()
else resolve(res.responseText || '')
},
onerror: fetchFallback,
ontimeout: fetchFallback,
})
return
}
} catch (_) {}
fetchFallback()
})
const requestJson = async (url) => JSON.parse(await requestText(url))
const getRegionList = async () => {
try {
const data = await requestJson(`${api}/region.json`)
if (Array.isArray(data)) regionList = [manualRegionName, ...data.filter(v => v && v !== manualRegionName && v !== '编辑')]
} catch (_) {}
}
const getCdnData = async () => {
if (cdnDataCache) return cdnDataCache
try {
cdnDataCache = await requestJson(`${api}/cdn.json`)
} catch (_) {
cdnDataCache = {}
}
return cdnDataCache
}
const getCdnListByRegion = async (region) => {
if (region === manualRegionName || region === '编辑') return [defaultCdnNode]
const data = await getCdnData()
const regionData = (data && data[region]) || []
return [defaultCdnNode, ...regionData]
}
const openPanel = async () => {
const existing = document.querySelector('#ccb-settings-panel')
if (existing) {
existing.remove()
return
}
await getRegionList()
const root = document.createElement('div')
root.id = 'ccb-settings-panel'
root.style.cssText = [
'position:fixed',
'z-index:2147483647',
'right:18px',
'top:18px',
'width:360px',
'max-width:calc(100vw - 36px)',
'max-height:calc(100vh - 36px)',
'overflow:auto',
'background:rgba(20,20,20,.96)',
'border:1px solid #333',
'border-radius:10px',
'box-shadow:0 8px 24px rgba(0,0,0,.35)',
'color:#fff',
'font-size:12px',
'font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif',
].join(';')
const header = document.createElement('div')
header.style.cssText = 'display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #2f2f2f'
const title = document.createElement('div')
title.textContent = 'CCB 设置'
title.style.cssText = 'font-weight:700;font-size:13px'
const closeBtn = createButton('关闭', false, false)
closeBtn.addEventListener('click', () => { try { root.remove() } catch (_) {} })
header.appendChild(title)
header.appendChild(closeBtn)
root.appendChild(header)
const body = document.createElement('div')
body.style.cssText = 'padding:12px'
root.appendChild(body)
const mkRow = (labelText) => {
const row = document.createElement('div')
row.style.cssText = 'display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0'
const label = document.createElement('div')
label.textContent = labelText
label.style.cssText = 'color:#bbb'
row.appendChild(label)
return { row, label }
}
const mkSectionTitle = (text) => {
const t = document.createElement('div')
t.textContent = text
t.style.cssText = 'font-weight:700;font-size:12px;margin:2px 0 8px;color:#e5e5e5'
return t
}
const mkSectionBox = () => {
const box = document.createElement('div')
box.style.cssText = 'border:1px solid #2f2f2f;border-radius:10px;padding:10px;margin:10px 0;background:rgba(0,0,0,.12)'
return box
}
const mkSelect = (options, value) => {
const sel = document.createElement('select')
sel.style.cssText = 'flex:1;background:#111;color:#fff;border:1px solid #333;border-radius:8px;padding:8px'
sel.innerHTML = options.map(v => `<option value="${v}">${v}</option>`).join('')
sel.value = value
return sel
}
const mkInput = (value) => {
const inp = document.createElement('input')
inp.type = 'text'
inp.placeholder = '输入节点域名或URL'
inp.style.cssText = 'flex:1;background:#111;color:#fff;border:1px solid #333;border-radius:8px;padding:8px;outline:none'
inp.value = value || ''
return inp
}
const mountRegionAndNode = async (ctx, hostBox) => {
const region = getRegion(ctx)
let nodeValue = getTargetCdnNode(ctx)
const { row: regionRow } = mkRow('地区')
const regionSelect = mkSelect(regionList, region)
regionRow.appendChild(regionSelect)
hostBox.appendChild(regionRow)
const { row: nodeRow } = mkRow('节点')
hostBox.appendChild(nodeRow)
const clearRowControl = () => {
while (nodeRow.childNodes.length > 1) nodeRow.removeChild(nodeRow.lastChild)
}
const renderNodeControl = async (regionValue) => {
clearRowControl()
if (regionValue === manualRegionName) {
const inp = mkInput(nodeValue === defaultCdnNode ? '' : nodeValue)
nodeRow.appendChild(inp)
inp.addEventListener('input', () => {
const v = inp.value.trim()
nodeValue = v ? v : defaultCdnNode
setTargetCdnNode(ctx, nodeValue)
})
return
}
const list = await getCdnListByRegion(regionValue)
if (!list.includes(nodeValue)) nodeValue = defaultCdnNode
setTargetCdnNode(ctx, nodeValue)
const sel = mkSelect(list, nodeValue)
nodeRow.appendChild(sel)
sel.addEventListener('change', () => {
nodeValue = sel.value
setTargetCdnNode(ctx, nodeValue)
})
}
await renderNodeControl(regionSelect.value)
regionSelect.addEventListener('change', async () => {
const next = regionSelect.value
setRegion(ctx, next)
await renderNodeControl(next)
})
}
const mainBox = mkSectionBox()
mainBox.appendChild(mkSectionTitle('视频 | 课堂 | 番剧(需特殊设置)'))
body.appendChild(mainBox)
await mountRegionAndNode('main', mainBox)
const liveBox = mkSectionBox()
liveBox.appendChild(mkSectionTitle('直播'))
body.appendChild(liveBox)
await mountRegionAndNode('live', liveBox)
const diagnosticsBox = mkSectionBox()
diagnosticsBox.appendChild(mkSectionTitle('测速'))
body.appendChild(diagnosticsBox)
await mountRegionAndNode('diagnostics', diagnosticsBox)
const actions = document.createElement('div')
actions.style.cssText = 'display:flex;gap:8px;flex-wrap:wrap;margin-top:12px'
const powerBtn = createButton(getPowerMode() ? '强力替换模式：ON' : '强力替换模式：OFF', true, false)
powerBtn.addEventListener('click', () => {
const next = !getPowerMode()
GM_setValue(powerModeStored, next)
powerBtn.textContent = next ? '强力替换模式：ON' : '强力替换模式：OFF'
})
const liveBtn = createButton(getLiveMode() ? '适用直播和番剧：ON' : '适用直播和番剧：OFF', true, false)
liveBtn.addEventListener('click', () => {
const next = !getLiveMode()
GM_setValue(liveModeStored, next)
liveBtn.textContent = next ? '适用直播和番剧：ON' : '适用直播和番剧：OFF'
})
const applyBtn = createButton('应用并刷新', false, true)
applyBtn.addEventListener('click', () => { location.reload() })
actions.appendChild(powerBtn)
actions.appendChild(liveBtn)
actions.appendChild(applyBtn)
body.appendChild(actions)
document.documentElement.appendChild(root)
}
if (window.top === window) {
const stripNodeSuffix = (s) => String(s).replace(/(?:\.bilivideo\.(?:com|cn)|\.edge\.mountaintoys\.cn)$/i, '')
const mainNodeName = stripNodeSuffix(getTargetCdnNode('main'))
const diagnosticsNodeName = stripNodeSuffix(getTargetCdnNode('diagnostics'))
const liveNodeName = stripNodeSuffix(getTargetCdnNode('live'))
GM_registerMenuCommand(`📺CCB (${mainNodeName} | ${liveNodeName} | ${diagnosticsNodeName})`, () => { openPanel() })
GM_registerMenuCommand('阅读文档 | 建议反馈 | 版本回退', () => { window.open('https://github.com/Kanda-Akihito-Kun/ccb') })
}
logger('CCB 加载完成', { host: location.host, path: location.pathname })
})()