弹幕列表
' +
+ '
' +
renderDanmuFilterTabs(filterCounts) +
'
' +
'
' +
@@ -1486,30 +1560,26 @@ async function fetchDanmuForTest(episodeId, title, source, traceBase) {
// =====================
// 导出弹幕（直接请求后端获取格式化数据）
// =====================
-async function exportDanmu(format) {
+async function exportDanmu() {
const id = danmuTestState.currentEpisodeId;
if (!id) { customAlert('无弹幕数据可导出'); return; }
+ const formatEl = document.getElementById('danmu-export-format');
+ const format = (formatEl && formatEl.value) || 'json';
+
const title = danmuTestState.currentTitle || ('danmu_' + id);
// 清理文件名中的非法字符
const safeTitle = title.replace(/[\\\\/:*?"<>|]/g, '_');
- addLog('导出弹幕 ' + format.toUpperCase() + '...', 'info');
+ addLog('导出弹幕 ' + format + '...', 'info');
try {
- const resp = await fetch(buildApiUrl('/api/v2/comment/' + id + '?format=' + format));
+ const resp = await fetch(buildApiUrl('/api/v2/comment/' + id + '?format=' + encodeURIComponent(format)));
if (!resp.ok) throw new Error('HTTP ' + resp.status);
- let content, mimeType;
- if (format === 'xml') {
- content = await resp.text();
- mimeType = 'application/xml';
- } else {
- const data = await resp.json();
- content = JSON.stringify(data, null, 2);
- mimeType = 'application/json';
- }
-
- const blob = new Blob([content], { type: mimeType });
+ const contentType = (resp.headers && resp.headers.get ? (resp.headers.get('content-type') || '') : '').toLowerCase();
+ const blob = contentType.includes('json')
+ ? new Blob([JSON.stringify(await resp.json(), null, 2)], { type: 'application/json' })
+ : new Blob([await resp.arrayBuffer()], { type: contentType || 'application/octet-stream' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
@@ -1518,7 +1588,7 @@ async function exportDanmu(format) {
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
- addLog('导出弹幕 ' + format.toUpperCase() + ' 成功', 'success');
+ addLog('导出弹幕 ' + format + ' 成功', 'success');
} catch (e) {
customAlert('导出失败: ' + e.message);
addLog('导出失败: ' + e.message, 'error');
@@ -1725,18 +1795,57 @@ function renderDanmuFilterTabs(counts) {
// =====================
function applyDanmuFilter() {
const filter = danmuTestState.currentFilter;
+ let filteredComments;
if (filter === 'all') {
- danmuTestState.filteredComments = danmuTestState.allComments;
+ filteredComments = danmuTestState.allComments;
} else {
const modeMap = { scroll: 1, top: 5, bottom: 4 };
const targetMode = modeMap[filter];
- danmuTestState.filteredComments = danmuTestState.allComments.filter(c => {
+ filteredComments = danmuTestState.allComments.filter(c => {
const mode = parseDanmuMode(c.p);
if (filter === 'scroll') return mode !== 4 && mode !== 5;
return mode === targetMode;
});
}
+
+ const keywords = String(danmuTestState.currentSearchQuery || '')
+ .trim()
+ .toLocaleLowerCase()
+ .split(/\\s+/)
+ .filter(Boolean);
+ if (keywords.length > 0) {
+ filteredComments = filteredComments.filter(comment => {
+ const content = String((comment && comment.m) || '').toLocaleLowerCase();
+ return keywords.every(keyword => content.includes(keyword));
+ });
+ }
+
+ danmuTestState.filteredComments = filteredComments;
danmuTestState.displayedCount = 0;
+ const status = document.getElementById('danmu-search-status');
+ if (status) {
+ status.textContent = keywords.length > 0 ? filteredComments.length + ' 条匹配' : '';
+ }
+}
+
+function handleDanmuSearch(event) {
+ const value = event && event.target ? event.target.value : '';
+ danmuTestState.currentSearchQuery = value;
+ const clearButton = document.getElementById('danmu-search-clear');
+ if (clearButton) clearButton.hidden = !value;
+ applyDanmuFilter();
+ renderDanmuList();
+}
+
+function clearDanmuSearch() {
+ const input = document.getElementById('danmu-search-input');
+ const clearButton = document.getElementById('danmu-search-clear');
+ if (input) input.value = '';
+ if (clearButton) clearButton.hidden = true;
+ danmuTestState.currentSearchQuery = '';
+ applyDanmuFilter();
+ renderDanmuList();
+ if (input) input.focus();
}
function filterDanmuList(type, event) {
@@ -1771,7 +1880,8 @@ function renderDanmuList() {
const container = document.getElementById('danmu-list');
if (danmuTestState.displayedCount === 0) {
- container.innerHTML = html || '
无弹幕数据
';
+ const emptyText = danmuTestState.currentSearchQuery.trim() ? '未找到匹配的弹幕' : '无弹幕数据';
+ container.innerHTML = html || '
' + emptyText + '
';
} else {
container.insertAdjacentHTML('beforeend', html);
}