// ==UserScript==
// @name BLY行人
// @namespace https://label.bilinyun.net
// @version 1.2
// @description 比邻云行人（2DPedestrian）质检助手：① 进题包全量预加载全部帧，消除首次切帧的灰屏转圈等待 ② 切帧去黑屏遮罩 ③ 帧级标注缓存 + 缺帧自动补请求 ④ 面板实时显示本帧框数与整包统计 ⑤ 整包框尺寸检查（宽≥20 高≥40，忽略框跳过，错误帧点击跳转）⑥ 一键复制「包号 + 有效帧数 + 框数」（有效帧 = 有框的帧；包号与帧数之间空一列）
// @author CC
// @match https://label.bilinyun.net/*
// @grant none
// @run-at document-start
// @license CC
// ==/UserScript==
(function () {
'use strict';
/* ==================== 常量 ==================== */
const API_MARK = '/api/mark/image';
const API_STATIC = '/api/mark/contents/static';
const WARMUP_KEY = '_blyped_warmup';
// ---- 框尺寸规则（来自 BB 平台「行人验收框大小」脚本，单位：图像像素）----
// 不分主/非主行人，统一按此标准；标了「忽略」的框跳过检查
const MIN_W = 20;
const MIN_H = 40;
let WARMUP_ON = true;
try { WARMUP_ON = localStorage.getItem(WARMUP_KEY) !== '0'; } catch (e) { }
/* ==================== 全局状态 ==================== */
let CMAP = null; // 类目映射（从 projectClass 动态构建）
let IMG_SIZE = null; // 图像宽高缓存
let AUTH_HDRS = null; // 页面真实请求里的鉴权头（用于兜底补请求）
let FRAME_IDS = []; // 帧序号(1-based) → frameId
const FRAME_CACHE = {}; // frameId → shapeList
let PROJECT_INFO = {}; // taskNo / projectName 等
let lastFrameNo = null;
let lastRenderKey = null;
let PACK_STAT = null; // 整包统计结果
let WARMUP_RUNNING = false;
let WARMUP_DONE = false;
let warmupTried = false;
let staticTried = false;
/* ==================== 工具 ==================== */
function num(v) {
const n = parseFloat(v);
return isNaN(n) ? null : n;
}
function parseJson(s) {
try { return JSON.parse(s) || {}; } catch (e) { return {}; }
}
function esc(s) {
return String(s === null || s === undefined ? '' : s)
.replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"');
}
function fmt1(n) {
if (n === null || n === undefined || isNaN(n)) return '?';
return (Math.round(n * 10) / 10).toFixed(1);
}
function taskIdFromUrl() {
const m = /[?&]recordId=([^&]+)/.exec(location.search || '');
return m ? m[1] : null;
}
function frameIdFromUrl(u) {
const m = /frame_id=([^&]+)/.exec(u || '');
return m ? m[1] : null;
}
function currentFrameNo() {
const el = document.querySelector('.frame-counter-clickable');
if (!el) return null;
const m = /(\d+)\s*\/\s*(\d+)/.exec(el.innerText || '');
return m ? parseInt(m[1], 10) : null;
}
/* ==================== 类目映射（自适应 projectClass） ==================== */
// 行人项目实测两个类目：
// full_bbox → 行人主框（含 是否忽略 / 遮挡 / 截断）
// Other pedestrian boxes → 其他行人框（含 忽略 / 遮挡 / 截断）
function buildClassMap(pcStr) {
let pc;
if (!pcStr) return null;
try { pc = (typeof pcStr === 'string') ? JSON.parse(pcStr) : pcStr; } catch (e) { return null; }
if (!pc || !pc.id || !pc.id.length) return null;
const ids = pc.id || [];
const exps = pc.exportName || [];
const names = pc.name || [];
const attrs = pc.attributes || [];
const m = {
mainId: null, // 行人主框类目 id
otherId: null, // 其他行人框类目 id
idName: {}, // 类目 id → 名称
ignoreAttr: {}, // 类目 id → { attrId, values:Set(忽略值id) }
occAttr: {}, // 类目 id → { attrId, values:{} }
truncAttr: {}, // 类目 id → { attrId, values:{} }
allIds: ids.slice()
};
ids.forEach(function (id, i) {
const ex = String(exps[i] || '');
const nm = String(names[i] || '');
m.idName[id] = nm || ex || id;
if (/other/i.test(ex) || nm.indexOf('其他') !== -1) m.otherId = id;
else if (!m.mainId) m.mainId = id;
const collect = function (a, target) {
const vals = {};
(a.attributes || []).forEach(function (v) { vals[v.id] = String(v.name || v.exportName || ''); });
target[id] = { attrId: a.id, values: vals };
};
(attrs[i] || []).forEach(function (a) {
const ax = String(a.exportName || '');
const an = String(a.name || '');
// 是否忽略：主框是「Ignore / 0=是 1=否」，其他框是「ignore / 0=有效 1=忽略」
if (/ignore/i.test(ax) || an.indexOf('忽略') !== -1) {
const set = {};
(a.attributes || []).forEach(function (v) {
const vn = String(v.name || '').trim();
const ve = String(v.exportName || '').trim();
if (vn === '忽略' || ve === '忽略' || vn === '是' || ve === '是') set[v.id] = true;
});
m.ignoreAttr[id] = { attrId: a.id, values: set };
}
if (/occlusion/i.test(ax) || an.indexOf('遮挡') !== -1) collect(a, m.occAttr);
if (/truncation/i.test(ax) || an.indexOf('截断') !== -1) collect(a, m.truncAttr);
});
});
if (!m.mainId) m.mainId = m.otherId;
return m;
}
function getMap() { return CMAP; }
function isIgnored(box) {
const M = getMap();
if (!M || !M.ignoreAttr) return false;
const conf = M.ignoreAttr[box.typeId];
if (!conf) return false;
const v = box.attrs ? box.attrs[conf.attrId] : null;
return !!(v && conf.values[v]);
}
/* ==================== 标注归一化 ==================== */
// 比邻云 shapeList 元素：{ labelId, imageId, shapeJson, attrJson }（后两者是字符串化 JSON）
function boxOf(s) {
if (!s || s.labelId === undefined) return null;
const sh = parseJson(s.shapeJson);
const at = parseJson(s.attrJson);
const g = sh.shape || {};
const lx = num(g.lx), ly = num(g.ly), rx = num(g.rx), ry = num(g.ry);
return {
labelId: s.labelId,
typeId: at.type_id,
attrs: at.attributes || {},
isRect: String(sh.shapeType) === '0',
lx: lx, ly: ly, rx: rx, ry: ry,
w: (lx !== null && rx !== null) ? (rx - lx) : null,
h: (ly !== null && ry !== null) ? (ry - ly) : null,
clsName: (getMap() && getMap().idName[s.attrJson ? at.type_id : '']) || ''
};
}
/* ==================== 图像真实尺寸 ==================== */
// 页面 🚶 比邻云行人助手 ';
titleBar.addEventListener('mousedown', startDrag);
const btns = document.createElement('div');
btns.style.cssText = 'display:flex;gap:6px;';
btns.appendChild(createBtn('—', '#e5e7eb', '#d1d5db', function (e) { e.stopPropagation(); toggleMinimize(); }));
btns.appendChild(createBtn('✕', '#fca5a5', '#f87171', function (e) { e.stopPropagation(); closePanel(); }));
titleBar.appendChild(btns);
panelContainer.appendChild(titleBar);
panelBody = document.createElement('div');
panelBody.id = '_blyped_body';
panelBody.style.cssText = 'max-height:520px;overflow-y:auto;';
panelContent = document.createElement('div');
panelContent.id = '_blyped_content';
panelContent.style.cssText = 'padding:11px;background:#ffffff;';
panelBody.appendChild(panelContent);
panelContainer.appendChild(panelBody);
document.body.appendChild(panelContainer);
}
function createBtn(text, color, hover, onClick) {
const b = document.createElement('span');
b.textContent = text;
b.style.cssText = 'width:26px;height:26px;display:flex;align-items:center;justify-content:center;'
+ 'border-radius:6px;cursor:pointer;font-size:14px;font-weight:bold;color:#374151;background:' + color + ';';
b.addEventListener('mouseenter', function () { b.style.background = hover; });
b.addEventListener('mouseleave', function () { b.style.background = color; });
b.addEventListener('click', onClick);
return b;
}
function toggleMinimize() {
isMinimized = !isMinimized;
if (panelBody) panelBody.style.maxHeight = isMinimized ? '0' : '520px';
}
function closePanel() {
if (panelContainer) { panelContainer.remove(); panelContainer = null; }
}
function startDrag(e) {
if (e.button !== 0 || !panelContainer) return;
isDragging = true;
const r = panelContainer.getBoundingClientRect();
dragOffsetX = e.clientX - r.left;
dragOffsetY = e.clientY - r.top;
document.addEventListener('mousemove', onDrag);
document.addEventListener('mouseup', stopDrag);
e.preventDefault();
}
function onDrag(e) {
if (!isDragging || !panelContainer) return;
panelX = Math.max(0, e.clientX - dragOffsetX);
panelY = Math.max(0, e.clientY - dragOffsetY);
panelContainer.style.left = panelX + 'px';
panelContainer.style.top = panelY + 'px';
}
function stopDrag() {
isDragging = false;
document.removeEventListener('mousemove', onDrag);
document.removeEventListener('mouseup', stopDrag);
}
function row(label, value) {
return ''
+ '' + label + ' '
+ '' + value + '
';
}
function renderPanel(waitingNo) {
createPanel();
if (!panelContent) return;
const no = currentFrameNo();
const total = FRAME_IDS.length || (function () {
const el = document.querySelector('.frame-counter-clickable');
const m = el ? /(\d+)\s*\/\s*(\d+)/.exec(el.innerText || '') : null;
return m ? parseInt(m[2], 10) : 0;
})();
let h = '';
// 顶部信息
h += '';
if (PROJECT_INFO.projectName) h += row('项目', esc(PROJECT_INFO.projectName));
if (PROJECT_INFO.taskNo) h += row('包号', esc(PROJECT_INFO.taskNo));
h += row('当前帧', (no || '-') + ' / ' + (total || '-'));
h += '
';
// 本帧状态
if (waitingNo) {
h += ''
+ '
⏳ '
+ '
'
+ '
第 ' + waitingNo + ' 帧加载中…
'
+ '
正在获取该帧标注数据 '
+ '
' + (ok ? '✅' : 'ℹ️') + ' '
+ '
'
+ '
本帧 ' + lastBoxes.boxes.length + ' 个框'
+ (lastBoxes.ignored ? '（忽略 ' + lastBoxes.ignored + '）' : '') + '
'
+ '
参与统计 ' + lastBoxes.valid + ' 个 本帧暂无标注数据
';
}
// 整包统计
h += '';
h += '
';
const st = PACK_STAT;
h += cell('总帧', st ? st.frameTotal : (total || '-'));
h += cell('有框帧数', st ? st.frameWithBox : '-');
h += cell('总框数', st ? st.boxTotal : '-');
h += '
';
h += '
⚠ 尺寸不达标（点击跳帧）：
';
st.sizeErrors.forEach(function (ef) {
h += '
';
h += '
'
+ '第 ' + ef.frameNo + ' 帧 ' + ef.items.length + ' 个 →
';
ef.items.forEach(function (it) {
h += '
• [' + esc(it.cls) + ' #' + it.labelId + '] ' + esc(it.msg) + '
';
});
h += '
';
});
h += '
✓ 未发现尺寸异常（宽≥' + MIN_W + ' 高≥' + MIN_H + '，忽略框已跳过）
';
}
// 功能区
h += '';
h += '
';
h += '进题包预加载全部帧（消除首次切帧等待） ';
h += '
' + COPY_LABEL + '
';
h += '
🔍 整包检查（框尺寸）
';
h += '
';
h += '
'
+ '
' + label + '
'
+ '
' + esc(value) + '
📦 正在预加载全部帧…
'
+ '' + (cur || 0) + ' / ' + (total || 0) + ' 完成后切帧不再等待
';
}
async function warmupAllFrames() {
if (WARMUP_RUNNING || WARMUP_DONE) return;
if (!WARMUP_ON || !FRAME_IDS.length || !AUTH_HDRS) return;
WARMUP_RUNNING = true;
const startNo = currentFrameNo() || 1;
const total = FRAME_IDS.length;
warmupOverlay(true, 0, total);
let done = 0;
for (let n = 1; n <= total; n++) {
const fid = FRAME_IDS[n - 1];
if (!frameDataReady(fid)) {
goToFrame(n);
await waitFrameReady(fid, 4000);
}
const cached = FRAME_CACHE[fid];
if (!cached && AUTH_HDRS) {
try {
const j = await (await fetch(API_MARK + '?frame_id=' + fid, { headers: AUTH_HDRS })).json();
if (j && j.data && j.data.shapeList) FRAME_CACHE[fid] = j.data.shapeList;
} catch (e) { }
}
done++;
warmupOverlay(true, done, total);
}
goToFrame(startNo);
await waitFrameReady(FRAME_IDS[startNo - 1], 3000);
warmupOverlay(false);
WARMUP_DONE = true;
WARMUP_RUNNING = false;
lastRenderKey = null;
renderPanel();
// 全部帧已在缓存里，顺手把整包检查（统计 + 尺寸）跑出来
runPackCheck();
}
/* ==================== 鉴权头捕获 ==================== */
try {
const origSetHeader = XMLHttpRequest.prototype.setRequestHeader;
XMLHttpRequest.prototype.setRequestHeader = function (k, v) {
if (!AUTH_HDRS && /^blade-auth$/i.test(k)) {
AUTH_HDRS = { 'Blade-Auth': v, 'Tenant-Id': localStorage.getItem('tenantId') || '' };
}
return origSetHeader.apply(this, arguments);
};
} catch (e) { }
/* ==================== XHR / fetch 拦截 ==================== */
try {
const origOpen = XMLHttpRequest.prototype.open;
XMLHttpRequest.prototype.open = function (method, url) {
this._blypedUrl = url;
return origOpen.apply(this, arguments);
};
const origSend = XMLHttpRequest.prototype.send;
XMLHttpRequest.prototype.send = function () {
const u = this._blypedUrl || '';
if (u.indexOf(API_MARK) !== -1 || u.indexOf(API_STATIC) !== -1) {
this.addEventListener('load', function () {
let j = null;
try { j = JSON.parse(this.responseText); } catch (e) { return; }
routeResponse(u, j);
});
}
return origSend.apply(this, arguments);
};
} catch (e) { }
try {
const origFetch = window.fetch;
if (origFetch) {
window.fetch = function (input, init) {
const url = (typeof input === 'string') ? input : ((input instanceof Request) ? input.url : '');
const hit = (url.indexOf(API_MARK) !== -1 || url.indexOf(API_STATIC) !== -1);
if (!hit) return origFetch.apply(this, arguments);
return origFetch.apply(this, arguments).then(function (response) {
try {
response.clone().json().then(function (data) { routeResponse(url, data); }).catch(function () { });
} catch (e) { }
return response;
});
};
}
} catch (e) { }
/* ==================== 帧切换监听 ==================== */
function handleFrameSwitch(no) {
lastFrameNo = no;
const fid = FRAME_IDS[no - 1];
const cached = (fid && FRAME_CACHE[fid]) ? FRAME_CACHE[fid] : null;
if (cached) {
analyzeShapes(cached, getImageSize());
} else {
showWaiting(no);
requestFrame(no);
}
}
// 用 MutationObserver 即时感知帧切换，定时器只做兜底
function setupFrameWatcher() {
const nav = document.querySelector('.frame-navigation');
if (!nav || nav.__blypedMo) return;
nav.__blypedMo = new MutationObserver(function () {
const n = currentFrameNo();
if (n !== null && n !== lastFrameNo) handleFrameSwitch(n);
});
nav.__blypedMo.observe(nav, { childList: true, subtree: true, attributes: true, characterData: true });
}
setInterval(function () {
if (!staticTried && AUTH_HDRS && FRAME_IDS.length === 0) { staticTried = true; fetchStatic(); }
setupFrameWatcher();
const no = currentFrameNo();
if (no !== null && no !== lastFrameNo) { handleFrameSwitch(no); return; }
// 兜底：数据未变时 analyzeShapes 内部会因指纹相同直接 return，不会重建面板
if (lastBoxes) analyzeShapesFromCache();
}, 900);
function analyzeShapesFromCache() {
const no = currentFrameNo();
const fid = no ? FRAME_IDS[no - 1] : null;
const list = fid ? FRAME_CACHE[fid] : null;
if (list) analyzeShapes(list, getImageSize());
}
/* ==================== 启动 ==================== */
function boot() {
if (location.pathname.indexOf('/tool/image') === -1) return;
installMaskCss();
createPanel();
renderPanel();
setTimeout(function () { if (AUTH_HDRS && !FRAME_IDS.length) fetchStatic(); }, 3000);
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', boot);
} else {
boot();
}
/* ==================== 调试导出 ==================== */
window.__BLYPED__ = {
getState: function () {
return {
frameIds: FRAME_IDS.length,
cached: Object.keys(FRAME_CACHE).length,
auth: Boolean(AUTH_HDRS),
curFrame: currentFrameNo(),
warmupDone: WARMUP_DONE,
cmap: CMAP ? { main: CMAP.idName[CMAP.mainId], other: CMAP.otherId ? CMAP.idName[CMAP.otherId] : null } : null,
imgSize: getImageSize(),
packStat: PACK_STAT
};
},
analyze: analyzeShapes,
frameStat: frameStat,
boxOf: boxOf,
isIgnored: isIgnored,
sizeProblem: sizeProblem,
minSize: { w: MIN_W, h: MIN_H },
runPackCheck: runPackCheck,
copyPackInfo: copyPackInfo,
setPackStat: function (s) { PACK_STAT = s; lastRenderKey = null; renderPanel(); },
setFrameIds: function (ids) { FRAME_IDS = ids || []; },
setCmap: function (m) { CMAP = m; },
closePanel: closePanel
};
console.log('[比邻云行人助手] 脚本加载成功');
})();