可能需要一段时间，且10位数以上ID容易查错
`, '提示', { dangerouslyUseHTMLString: true, confirmButtonText: '是', cancelButtonText: '否', type: 'warning', } ).then(() => { // 开始反查用户ID var midcrc = new biliCrc2Mid(); var result = midcrc(currentSubFilt.value.user); if (result && result !== '-1') { ELEMENT_PLUS.ElMessageBox.alert( `已查到用户ID： 点击访问用户空间此ID通过弹幕哈希本地计算得出，非官方公开数据，请谨慎使用
`, '查找成功', { dangerouslyUseHTMLString: true, confirmButtonText: '确定', type: 'success', } ); } else { ELEMENT_PLUS.ElMessage.error('未能查到用户ID或用户不存在'); } }).catch(() => { // 用户点击了取消，只复制midHash navigator.clipboard.writeText(currentSubFilt.value.user).then(() => { ELEMENT_PLUS.ElMessage.success('midHash已复制到剪贴板'); }).catch(() => { ELEMENT_PLUS.ElMessage.error('复制失败'); }); }); } async function updateDispDanmakus(data, text, ifchart) { loading.value = true; await nextTick(); await new Promise(resolve => setTimeout(resolve, 10)); //等待v-loading渲染 try { displayedDanmakus.value = data; currentSubFilt.value = text; if (ifchart) { const stats = manager.getStats(); updateChart(stats); danmakuCount.value = { user: stats.length, dm: displayedDanmakus.value.length } } await nextTick(); } catch (err) { console.error(err); ELEMENT_PLUS.ElMessage.error('数据显示错误'); } finally { loading.value = false; } } function renderWordCloud(data) { const el = doc.getElementById('chart-wordcloud'); if (!el) return; if (!charts.wordcloud) { charts.wordcloud = ECHARTS.init(el); charts.wordcloud.on('click', async (params) => { const keyword = params.name; const regex = new RegExp(keyword, 'i'); await updateDispDanmakus( manager.filtered.filter(d => regex.test(d.content)), { wordcloud: keyword } ); }); } else charts.wordcloud.clear(); const freq = {}; data.forEach(d => { d.content.replace(/[^\u4e00-\u9fa5a-zA-Z0-9]/g, ' ').split(/\s+/).forEach(w => { if (w.length >= 2) freq[w] = (freq[w] || 0) + 1; }); }); const list = Object.entries(freq).map(([name, value]) => ({ name, value })); charts.wordcloud.setOption({ title: { text: '弹幕词云' }, tooltip: {}, series: [{ type: 'wordCloud', gridSize: 8, sizeRange: [12, 40], rotationRange: [0, 0], shape: 'circle', data: list }] }); } function renderDensityChart(data) { const el = doc.getElementById('chart-density'); if (!el) return; if (!charts.density) { charts.density = ECHARTS.init(el); charts.density.on('click', function (params) { const targetTime = params.value[0] * 1000; const list = displayedDanmakus.value; if (!list.length) return; // 找到最接近的弹幕 index let closestIndex = 0; let minDiff = Math.abs(list[0].progress - targetTime); for (let i = 1; i < list.length; i++) { const diff = Math.abs(list[i].progress - targetTime); if (diff < minDiff) { closestIndex = i; minDiff = diff; } } // 使用 Element Plus 表格 ref 滚动到该行 nextTick(() => { const rows = doc.querySelectorAll('.el-table__body-wrapper tbody tr'); const row = rows?.[closestIndex]; if (row) { row.scrollIntoView({ behavior: 'smooth', block: 'center' }); const original = row.style.backgroundColor; row.style.transition = 'background-color 0.3s ease'; row.style.backgroundColor = '#ecf5ff'; setTimeout(() => { row.style.backgroundColor = original || ''; }, 1500); } }); }); } const duration = videoData.value.duration * 1000; // ms const minutes = duration / 1000 / 60; // 动态设置 bin 数量 let binCount = 100; if (minutes <= 10) binCount = 60; else if (minutes <= 30) binCount = 90; else if (minutes <= 60) binCount = 60; else binCount = 30; const bins = new Array(binCount).fill(0); data.forEach(d => { const idx = Math.floor((d.progress / duration) * binCount); bins[Math.min(idx, bins.length - 1)]++; }); const dataPoints = []; for (let i = 0; i < binCount; i++) { const timeSec = Math.floor((i * duration) / binCount / 1000); dataPoints.push({ value: [timeSec, bins[i]], name: formatProgress(timeSec * 1000) }); } charts.density.setOption({ title: { text: '弹幕密度分布' }, tooltip: { trigger: 'axis', formatter: function (params) { const sec = params[0].value[0]; return `时间段：${formatProgress(sec * 1000)}
BVID：
UP主：
发布时间：
截止
总弹幕数:
筛选：
共有 {{ danmakuCount.user }} 位不同用户发送了 {{ danmakuCount.dm }} 条弹幕
用户