{/* 主要的 Tab 切换 - 无缝融入设计 */}
+ {/* 选集选项卡 - 仅在多集时显示 */}
{totalEpisodes > 1 && (
setActiveTab('episodes')}
@@ -365,6 +371,8 @@ const EpisodeSelector: React.FC = ({
选集
)}
+
+ {/* 换源选项卡 */}
= ({
>
换源
+
+ {/* 弹幕选项卡 */}
+
setActiveTab('danmaku')}
+ className={`flex-1 py-3 px-6 text-center cursor-pointer transition-all duration-200 font-medium
+ ${activeTab === 'danmaku'
+ ? 'text-green-600 dark:text-green-400'
+ : 'text-gray-700 hover:text-green-600 bg-black/5 dark:bg-white/5 dark:text-gray-300 dark:hover:text-green-400 hover:bg-black/3 dark:hover:bg-white/3'
+ }
+ `.trim()}
+ >
+ 弹幕
+
+ {/* 弹幕 Tab 内容 */}
+ {activeTab === 'danmaku' && onDanmakuSelect && (
+
+ )}
+
{/* 选集 Tab 内容 */}
{activeTab === 'episodes' && (
<>
diff --git a/src/lib/admin.types.ts b/src/lib/admin.types.ts
index e29fa00..719d5e2 100644
--- a/src/lib/admin.types.ts
+++ b/src/lib/admin.types.ts
@@ -16,6 +16,9 @@ export interface AdminConfig {
DoubanImageProxy: string;
DisableYellowFilter: boolean;
FluidSearch: boolean;
+ // 弹幕配置
+ DanmakuApiBase: string;
+ DanmakuApiToken: string;
};
UserConfig: {
Users: {
diff --git a/src/lib/config.ts b/src/lib/config.ts
index d984c63..07bdb79 100644
--- a/src/lib/config.ts
+++ b/src/lib/config.ts
@@ -218,6 +218,9 @@ async function getInitConfig(configFile: string, subConfig: {
process.env.NEXT_PUBLIC_DISABLE_YELLOW_FILTER === 'true',
FluidSearch:
process.env.NEXT_PUBLIC_FLUID_SEARCH !== 'false',
+ // 弹幕配置
+ DanmakuApiBase: process.env.DANMAKU_API_BASE || 'http://localhost:9321',
+ DanmakuApiToken: process.env.DANMAKU_API_TOKEN || '87654321',
},
UserConfig: {
Users: [],
@@ -315,6 +318,29 @@ export async function getConfig(): Promise
{
export function configSelfCheck(adminConfig: AdminConfig): AdminConfig {
// 确保必要的属性存在和初始化
+ if (!adminConfig.SiteConfig) {
+ adminConfig.SiteConfig = {
+ SiteName: 'MoonTV',
+ Announcement: '',
+ SearchDownstreamMaxPage: 5,
+ SiteInterfaceCacheTime: 7200,
+ DoubanProxyType: 'cmliussss-cdn-tencent',
+ DoubanProxy: '',
+ DoubanImageProxyType: 'cmliussss-cdn-tencent',
+ DoubanImageProxy: '',
+ DisableYellowFilter: false,
+ FluidSearch: true,
+ DanmakuApiBase: 'http://localhost:9321',
+ DanmakuApiToken: '87654321',
+ };
+ }
+ // 确保弹幕配置存在
+ if (!adminConfig.SiteConfig.DanmakuApiBase) {
+ adminConfig.SiteConfig.DanmakuApiBase = 'http://localhost:9321';
+ }
+ if (!adminConfig.SiteConfig.DanmakuApiToken) {
+ adminConfig.SiteConfig.DanmakuApiToken = '87654321';
+ }
if (!adminConfig.UserConfig) {
adminConfig.UserConfig = { Users: [] };
}
diff --git a/src/lib/danmaku/api.ts b/src/lib/danmaku/api.ts
new file mode 100644
index 0000000..dfbbc8e
--- /dev/null
+++ b/src/lib/danmaku/api.ts
@@ -0,0 +1,285 @@
+// 弹幕 API 服务封装（通过本地代理转发）
+import type {
+ DanmakuAnime,
+ DanmakuComment,
+ DanmakuCommentsResponse,
+ DanmakuEpisodesResponse,
+ DanmakuMatchRequest,
+ DanmakuMatchResponse,
+ DanmakuSearchResponse,
+ DanmakuSettings,
+} from './types';
+
+// 搜索动漫
+export async function searchAnime(
+ keyword: string
+): Promise {
+ try {
+ const url = `/api/danmaku/search?keyword=${encodeURIComponent(keyword)}`;
+ const response = await fetch(url);
+
+ if (!response.ok) {
+ throw new Error(`HTTP error! status: ${response.status}`);
+ }
+
+ const data = (await response.json()) as DanmakuSearchResponse;
+ return data;
+ } catch (error) {
+ console.error('搜索动漫失败:', error);
+ return {
+ errorCode: -1,
+ success: false,
+ errorMessage: error instanceof Error ? error.message : '搜索失败',
+ animes: [],
+ };
+ }
+}
+
+// 自动匹配（根据文件名）
+export async function matchAnime(
+ fileName: string
+): Promise {
+ try {
+ const url = '/api/danmaku/match';
+ const requestBody: DanmakuMatchRequest = { fileName };
+
+ const response = await fetch(url, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify(requestBody),
+ });
+
+ if (!response.ok) {
+ throw new Error(`HTTP error! status: ${response.status}`);
+ }
+
+ const data = (await response.json()) as DanmakuMatchResponse;
+ return data;
+ } catch (error) {
+ console.error('自动匹配失败:', error);
+ return {
+ errorCode: -1,
+ success: false,
+ errorMessage: error instanceof Error ? error.message : '匹配失败',
+ isMatched: false,
+ matches: [],
+ };
+ }
+}
+
+// 获取剧集列表
+export async function getEpisodes(
+ animeId: number
+): Promise {
+ try {
+ const url = `/api/danmaku/episodes?animeId=${animeId}`;
+ const response = await fetch(url);
+
+ if (!response.ok) {
+ throw new Error(`HTTP error! status: ${response.status}`);
+ }
+
+ const data = (await response.json()) as DanmakuEpisodesResponse;
+ return data;
+ } catch (error) {
+ console.error('获取剧集列表失败:', error);
+ return {
+ errorCode: -1,
+ success: false,
+ errorMessage: error instanceof Error ? error.message : '获取失败',
+ bangumi: {
+ bangumiId: '',
+ animeTitle: '',
+ episodes: [],
+ },
+ };
+ }
+}
+
+// 通过剧集 ID 获取弹幕
+export async function getDanmakuById(
+ episodeId: number
+): Promise {
+ try {
+ const url = `/api/danmaku/comment?episodeId=${episodeId}`;
+ const response = await fetch(url);
+
+ if (!response.ok) {
+ throw new Error(`HTTP error! status: ${response.status}`);
+ }
+
+ const data = (await response.json()) as DanmakuCommentsResponse;
+ return data.comments || [];
+ } catch (error) {
+ console.error('获取弹幕失败:', error);
+ return [];
+ }
+}
+
+// 通过视频 URL 获取弹幕
+export async function getDanmakuByUrl(url: string): Promise {
+ try {
+ const apiUrl = `/api/danmaku/comment?url=${encodeURIComponent(url)}`;
+ const response = await fetch(apiUrl);
+
+ if (!response.ok) {
+ throw new Error(`HTTP error! status: ${response.status}`);
+ }
+
+ const data = (await response.json()) as DanmakuCommentsResponse;
+ return data.comments || [];
+ } catch (error) {
+ console.error('获取弹幕失败:', error);
+ return [];
+ }
+}
+
+// 将 danmu_api 的弹幕格式转换为 artplayer-plugin-danmuku 格式
+export function convertDanmakuFormat(
+ comments: DanmakuComment[]
+): Array<{
+ text: string;
+ time: number;
+ color: string;
+ border: boolean;
+ mode: number;
+}> {
+ return comments.map((comment) => {
+ // 解析弹幕属性: "时间,类型,字体,颜色,时间戳,弹幕池,用户Hash,弹幕ID"
+ const parts = comment.p.split(',');
+ const time = parseFloat(parts[0]) || 0;
+ const type = parseInt(parts[1]) || 1; // 1=滚动, 4=底部, 5=顶部
+ const colorValue = parseInt(parts[3]) || 16777215; // 默认白色
+
+ // 将十进制颜色值转换为十六进制
+ const color = `#${colorValue.toString(16).padStart(6, '0')}`;
+
+ // 转换弹幕类型: 1=滚动(0), 4=底部(1), 5=顶部(2)
+ let mode = 0; // 默认滚动
+ if (type === 5) mode = 1; // 顶部
+ else if (type === 4) mode = 2; // 底部
+
+ return {
+ text: comment.m,
+ time,
+ color,
+ border: false,
+ mode,
+ };
+ });
+}
+
+// 默认弹幕设置
+export const DEFAULT_DANMAKU_SETTINGS: DanmakuSettings = {
+ enabled: true,
+ opacity: 1,
+ fontSize: 25,
+ speed: 5,
+ marginTop: 10,
+ marginBottom: 50,
+ maxlength: 100,
+ filterRules: [],
+ unlimited: false,
+ synchronousPlayback: false,
+};
+
+// 从 localStorage 读取弹幕设置
+export function loadDanmakuSettings(): DanmakuSettings {
+ if (typeof window === 'undefined') return DEFAULT_DANMAKU_SETTINGS;
+
+ try {
+ const saved = localStorage.getItem('danmaku_settings');
+ if (saved) {
+ const settings = JSON.parse(saved) as DanmakuSettings;
+ return { ...DEFAULT_DANMAKU_SETTINGS, ...settings };
+ }
+ } catch (error) {
+ console.error('读取弹幕设置失败:', error);
+ }
+ return DEFAULT_DANMAKU_SETTINGS;
+}
+
+// 保存弹幕设置到 localStorage
+export function saveDanmakuSettings(settings: DanmakuSettings): void {
+ if (typeof window === 'undefined') return;
+
+ try {
+ localStorage.setItem('danmaku_settings', JSON.stringify(settings));
+ } catch (error) {
+ console.error('保存弹幕设置失败:', error);
+ }
+}
+
+// 记忆上次选择的弹幕
+export interface DanmakuMemory {
+ videoTitle: string;
+ animeId: number;
+ episodeId: number;
+ animeTitle: string;
+ episodeTitle: string;
+ timestamp: number;
+}
+
+// 保存弹幕选择记忆
+export function saveDanmakuMemory(
+ videoTitle: string,
+ animeId: number,
+ episodeId: number,
+ animeTitle: string,
+ episodeTitle: string
+): void {
+ if (typeof window === 'undefined') return;
+
+ try {
+ const memory: DanmakuMemory = {
+ videoTitle,
+ animeId,
+ episodeId,
+ animeTitle,
+ episodeTitle,
+ timestamp: Date.now(),
+ };
+
+ // 获取现有的记忆
+ const memoriesJson = localStorage.getItem('danmaku_memories');
+ const memories: Record = memoriesJson
+ ? JSON.parse(memoriesJson)
+ : {};
+
+ // 保存新记忆
+ memories[videoTitle] = memory;
+
+ // 只保留最近 100 条记忆
+ const entries = Object.entries(memories);
+ if (entries.length > 100) {
+ entries.sort((a, b) => b[1].timestamp - a[1].timestamp);
+ const top100 = entries.slice(0, 100);
+ const newMemories = Object.fromEntries(top100);
+ localStorage.setItem('danmaku_memories', JSON.stringify(newMemories));
+ } else {
+ localStorage.setItem('danmaku_memories', JSON.stringify(memories));
+ }
+ } catch (error) {
+ console.error('保存弹幕记忆失败:', error);
+ }
+}
+
+// 读取弹幕选择记忆
+export function loadDanmakuMemory(
+ videoTitle: string
+): DanmakuMemory | null {
+ if (typeof window === 'undefined') return null;
+
+ try {
+ const memoriesJson = localStorage.getItem('danmaku_memories');
+ if (!memoriesJson) return null;
+
+ const memories: Record = JSON.parse(memoriesJson);
+ return memories[videoTitle] || null;
+ } catch (error) {
+ console.error('读取弹幕记忆失败:', error);
+ return null;
+ }
+}
diff --git a/src/lib/danmaku/types.ts b/src/lib/danmaku/types.ts
new file mode 100644
index 0000000..d53ca27
--- /dev/null
+++ b/src/lib/danmaku/types.ts
@@ -0,0 +1,116 @@
+// 弹幕 API 类型定义
+
+// 搜索动漫响应
+export interface DanmakuSearchResponse {
+ errorCode: number;
+ success: boolean;
+ errorMessage: string;
+ animes: DanmakuAnime[];
+}
+
+// 动漫信息
+export interface DanmakuAnime {
+ animeId: number;
+ bangumiId?: string;
+ animeTitle: string;
+ type: string;
+ typeDescription: string;
+ imageUrl?: string;
+ startDate?: string;
+ episodeCount?: number;
+ rating?: number;
+ isFavorited?: boolean;
+ source: string;
+ links?: DanmakuLink[];
+}
+
+// 播放链接
+export interface DanmakuLink {
+ name: string;
+ url: string;
+ title: string;
+ id: number;
+}
+
+// 获取弹幕响应
+export interface DanmakuCommentsResponse {
+ count: number;
+ comments: DanmakuComment[];
+}
+
+// 弹幕数据
+export interface DanmakuComment {
+ p: string; // 弹幕属性: "时间,类型,字体,颜色,时间戳,弹幕池,用户Hash,弹幕ID"
+ m: string; // 弹幕内容
+ cid: number; // 弹幕ID
+}
+
+// 弹幕设置
+export interface DanmakuSettings {
+ enabled: boolean; // 是否开启弹幕
+ opacity: number; // 不透明度 (0-1)
+ fontSize: number; // 字体大小
+ speed: number; // 弹幕速度 (5-20)
+ marginTop: number; // 顶部边距
+ marginBottom: number; // 底部边距
+ maxlength: number; // 最大弹幕数
+ filterRules: string[]; // 过滤规则（正则表达式）
+ unlimited: boolean; // 无限弹幕
+ synchronousPlayback: boolean; // 同步播放
+}
+
+// 自动匹配请求
+export interface DanmakuMatchRequest {
+ fileName: string;
+}
+
+// 自动匹配响应
+export interface DanmakuMatchResponse {
+ errorCode: number;
+ success: boolean;
+ errorMessage: string;
+ isMatched: boolean;
+ matches: DanmakuMatch[];
+}
+
+// 匹配结果
+export interface DanmakuMatch {
+ episodeId: number;
+ animeId: number;
+ animeTitle: string;
+ episodeTitle: string;
+ type: string;
+ typeDescription: string;
+ shift: number;
+ imageUrl?: string;
+}
+
+// 剧集列表响应
+export interface DanmakuEpisodesResponse {
+ errorCode: number;
+ success: boolean;
+ errorMessage: string;
+ bangumi: DanmakuBangumi;
+}
+
+// 番剧信息
+export interface DanmakuBangumi {
+ bangumiId: string;
+ animeTitle: string;
+ imageUrl?: string;
+ episodes: DanmakuEpisode[];
+}
+
+// 剧集信息
+export interface DanmakuEpisode {
+ episodeId: number;
+ episodeTitle: string;
+}
+
+// 弹幕选择状态
+export interface DanmakuSelection {
+ animeId: number;
+ episodeId: number;
+ animeTitle: string;
+ episodeTitle: string;
+}
',
@@ -1707,6 +1951,115 @@ function PlayPageClient() {
return newVal ? '当前开启' : '当前关闭';
},
},
+ // 弹幕开关
+ {
+ name: '弹幕开关',
+ html: '弹幕开关',
+ icon: '',
+ switch: danmakuSettingsRef.current.enabled,
+ onSwitch: function (item: any) {
+ const newSettings = {
+ ...danmakuSettingsRef.current,
+ enabled: !item.switch,
+ };
+ setDanmakuSettings(newSettings);
+ saveDanmakuSettings(newSettings);
+
+ // 切换弹幕显示/隐藏
+ if (danmakuPluginRef.current) {
+ if (newSettings.enabled) {
+ danmakuPluginRef.current.show();
+ } else {
+ danmakuPluginRef.current.hide();
+ }
+ }
+
+ return !item.switch;
+ },
+ },
+ // 弹幕不透明度
+ {
+ name: '弹幕不透明度',
+ html: '弹幕不透明度',
+ selector: [
+ { html: '10%', value: '0.1' },
+ { html: '25%', value: '0.25' },
+ { html: '50%', value: '0.5' },
+ { html: '75%', value: '0.75', default: true },
+ { html: '100%', value: '1.0' },
+ ],
+ onSelect: function (item: any) {
+ const opacity = parseFloat(item.value);
+ const newSettings = {
+ ...danmakuSettingsRef.current,
+ opacity,
+ };
+ setDanmakuSettings(newSettings);
+ saveDanmakuSettings(newSettings);
+
+ // 更新弹幕插件配置
+ if (danmakuPluginRef.current) {
+ danmakuPluginRef.current.config({ opacity });
+ }
+
+ return item.html;
+ },
+ },
+ // 弹幕字体大小
+ {
+ name: '弹幕字体大小',
+ html: '弹幕字体大小',
+ selector: [
+ { html: '小', value: '20' },
+ { html: '中', value: '25', default: true },
+ { html: '大', value: '30' },
+ { html: '特大', value: '35' },
+ ],
+ onSelect: function (item: any) {
+ const fontSize = parseInt(item.value);
+ const newSettings = {
+ ...danmakuSettingsRef.current,
+ fontSize,
+ };
+ setDanmakuSettings(newSettings);
+ saveDanmakuSettings(newSettings);
+
+ // 更新弹幕插件配置
+ if (danmakuPluginRef.current) {
+ danmakuPluginRef.current.config({ fontSize });
+ }
+
+ return item.html;
+ },
+ },
+ // 弹幕速度
+ {
+ name: '弹幕速度',
+ html: '弹幕速度',
+ selector: [
+ { html: '很慢', value: '3' },
+ { html: '慢', value: '5', default: true },
+ { html: '正常', value: '7' },
+ { html: '快', value: '10' },
+ { html: '很快', value: '15' },
+ ],
+ onSelect: function (item: any) {
+ const speed = parseInt(item.value);
+ const newSettings = {
+ ...danmakuSettingsRef.current,
+ speed,
+ };
+ setDanmakuSettings(newSettings);
+ saveDanmakuSettings(newSettings);
+
+ // 更新弹幕插件配置
+ if (danmakuPluginRef.current) {
+ danmakuPluginRef.current.config({ speed });
+ }
+
+ return item.html;
+ },
+ },
...(webGPUSupported ? [
{
name: 'Anime4K超分',
@@ -1877,6 +2230,21 @@ function PlayPageClient() {
artPlayerRef.current.on('ready', async () => {
setError(null);
+ // 保存弹幕插件引用
+ if (artPlayerRef.current?.plugins?.artplayerPluginDanmuku) {
+ danmakuPluginRef.current = artPlayerRef.current.plugins.artplayerPluginDanmuku;
+
+ // 根据设置显示或隐藏弹幕
+ if (danmakuSettingsRef.current.enabled) {
+ danmakuPluginRef.current.show();
+ } else {
+ danmakuPluginRef.current.hide();
+ }
+
+ // 自动搜索并加载弹幕
+ await autoSearchDanmaku();
+ }
+
// 播放器就绪后，如果正在播放则请求 Wake Lock
if (artPlayerRef.current && !artPlayerRef.current.paused) {
requestWakeLock();
@@ -2334,6 +2702,16 @@ function PlayPageClient() {