弹幕缓存显示元信息

This commit is contained in:
mtvpls
2026-01-09 10:14:22 +08:00
parent 9b7afbbcc1
commit 1c8a4f7bd2
5 changed files with 119 additions and 21 deletions

View File

@@ -143,15 +143,22 @@ export async function getEpisodes(
export async function getDanmakuById(
episodeId: number,
title?: string,
episodeIndex?: number
episodeIndex?: number,
metadata?: {
animeId?: number;
animeTitle?: string;
episodeTitle?: string;
searchKeyword?: string;
danmakuCount?: number;
}
): Promise<DanmakuComment[]> {
try {
// 1. 如果提供了 title 和 episodeIndex先尝试从缓存读取
if (title && episodeIndex !== undefined) {
const cachedComments = await getDanmakuFromCache(title, episodeIndex);
if (cachedComments) {
console.log(`[弹幕缓存] 使用缓存: title=${title}, episodeIndex=${episodeIndex}, 数量=${cachedComments.length}`);
return cachedComments;
const cachedData = await getDanmakuFromCache(title, episodeIndex);
if (cachedData) {
console.log(`[弹幕缓存] 使用缓存: title=${title}, episodeIndex=${episodeIndex}, 数量=${cachedData.comments.length}`);
return cachedData.comments;
}
console.log(`[弹幕缓存] 缓存未命中,从 API 获取: title=${title}, episodeIndex=${episodeIndex}`);
} else {
@@ -173,7 +180,14 @@ export async function getDanmakuById(
if (comments.length > 0 && title && title.trim() !== '' && episodeIndex !== undefined && episodeIndex >= 0) {
try {
console.log(`[弹幕缓存] 尝试保存缓存: title="${title}", episodeIndex=${episodeIndex}, 数量=${comments.length}`);
await saveDanmakuToCache(title, episodeIndex, comments);
await saveDanmakuToCache(title, episodeIndex, comments, {
animeId: metadata?.animeId,
episodeId: episodeId,
animeTitle: metadata?.animeTitle,
episodeTitle: metadata?.episodeTitle,
searchKeyword: metadata?.searchKeyword,
danmakuCount: metadata?.danmakuCount ?? comments.length,
});
console.log(`[弹幕缓存] 已缓存: title=${title}, episodeIndex=${episodeIndex}, 数量=${comments.length}`);
} catch (cacheError) {
console.error('[弹幕缓存] 保存缓存失败:', cacheError);

View File

@@ -14,6 +14,13 @@ export interface DanmakuCacheData {
timestamp: number; // 缓存时间戳
title?: string; // 可选:视频标题
episodeIndex?: number; // 可选:集数索引
// 弹幕元信息
animeId?: number; // 动漫ID
episodeId?: number; // 剧集ID
animeTitle?: string; // 动漫标题
episodeTitle?: string; // 剧集标题
searchKeyword?: string; // 搜索关键词
danmakuCount?: number; // 弹幕数量
}
// 生成缓存键title + episodeIndex
@@ -73,7 +80,15 @@ async function openDB(): Promise<IDBDatabase> {
export async function saveDanmakuToCache(
title: string,
episodeIndex: number,
comments: DanmakuComment[]
comments: DanmakuComment[],
metadata?: {
animeId?: number;
episodeId?: number;
animeTitle?: string;
episodeTitle?: string;
searchKeyword?: string;
danmakuCount?: number;
}
): Promise<void> {
// 验证参数
if (!title || title.trim() === '') {
@@ -104,6 +119,13 @@ export async function saveDanmakuToCache(
timestamp: Date.now(),
title,
episodeIndex,
// 保存弹幕元信息
animeId: metadata?.animeId,
episodeId: metadata?.episodeId,
animeTitle: metadata?.animeTitle,
episodeTitle: metadata?.episodeTitle,
searchKeyword: metadata?.searchKeyword,
danmakuCount: metadata?.danmakuCount ?? comments.length, // 使用提供的数量或comments长度
};
// 添加调试日志
@@ -141,7 +163,17 @@ export async function saveDanmakuToCache(
export async function getDanmakuFromCache(
title: string,
episodeIndex: number
): Promise<DanmakuComment[] | null> {
): Promise<{
comments: DanmakuComment[];
metadata?: {
animeId?: number;
episodeId?: number;
animeTitle?: string;
episodeTitle?: string;
searchKeyword?: string;
danmakuCount?: number;
};
} | null> {
// 如果缓存时间设置为 0不使用缓存
const expireTime = getDanmakuCacheExpireTime();
if (expireTime === 0) {
@@ -186,7 +218,17 @@ export async function getDanmakuFromCache(
console.log(
`从缓存获取弹幕: title=${title}, episodeIndex=${episodeIndex}, 数量=${result.comments.length}, 年龄=${ageMinutes}分钟`
);
resolve(result.comments);
resolve({
comments: result.comments,
metadata: {
animeId: result.animeId,
episodeId: result.episodeId,
animeTitle: result.animeTitle,
episodeTitle: result.episodeTitle,
searchKeyword: result.searchKeyword,
danmakuCount: result.danmakuCount ?? result.comments.length,
},
});
};
request.onerror = () => {

View File

@@ -114,4 +114,5 @@ export interface DanmakuSelection {
animeTitle: string;
episodeTitle: string;
searchKeyword?: string; // 用户搜索时使用的关键词
danmakuCount?: number; // 弹幕数量
}