",
" $0",
"
",
" 
---
## ✨ 功能特性
- 🔍 **多源聚合搜索**：一次搜索立刻返回全源结果。
- 📄 **丰富详情页**：支持剧集列表、演员、年份、简介等完整信息展示。
- ▶️ **流畅在线播放**：集成 HLS.js & ArtPlayer。
- ❤️ **收藏 + 继续观看**：支持 Kvrocks/Redis/Upstash 存储，多端同步进度。
- 📱 **PWA**：离线缓存、安装到桌面/主屏，移动端原生体验。
- 🌗 **响应式布局**：桌面侧边栏 + 移动底部导航，自适应各种屏幕尺寸。
- 👿 **智能去广告**：自动跳过视频中的切片广告（实验性）。
### 注意：部署后项目为空壳项目，无内置播放源和直播源，需要自行收集
点击查看项目截图
linkProxy Everything
{getIcon()}
{title}
{message && ({message}
)} {showConfirm && ( )}
{isExpanded &&
);
};
// 用户配置组件
interface UserConfigProps {
config: AdminConfig | null;
role: 'owner' | 'admin' | null;
refreshConfig: () => Promise{children}
}
加载中...
);
}
return (
{/* 用户统计 */}
{/* 用户组管理 */}
{/* 用户组列表 */}
{/* 用户列表 */}
{/* 添加用户表单 */}
{showAddUserForm && (
)}
{/* 修改密码表单 */}
{showChangePasswordForm && (
)}
{/* 用户列表 */}
{/* 配置用户采集源权限弹窗 */}
{showConfigureApisModal && selectedUser && createPortal(
);
}
// 视频源配置组件
const VideoSourceConfig = ({
config,
refreshConfig,
}: {
config: AdminConfig | null;
refreshConfig: () => Promise用户统计
{config.UserConfig.Users.length}
总用户数
用户组管理
| 用户组名称 | 可用视频源 | 操作 |
|---|---|---|
| {group.name} |
{group.enabledApis && group.enabledApis.length > 0
? `${group.enabledApis.length} 个源`
: '无限制'}
|
|
| 暂无用户组，请添加用户组来管理用户权限 |
用户列表
{/* 批量操作按钮 */}
{selectedUsers.size > 0 && (
<>
已选择 {selectedUsers.size} 个用户
)}
setNewUser((prev) => ({ ...prev, username: e.target.value }))
}
className='px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:ring-2 focus:ring-green-500 focus:border-transparent'
/>
setNewUser((prev) => ({ ...prev, password: e.target.value }))
}
className='px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:ring-2 focus:ring-green-500 focus:border-transparent'
/>
修改用户密码
setChangePasswordUser((prev) => ({
...prev,
password: e.target.value,
}))
}
className='flex-1 px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:ring-2 focus:ring-blue-500 focus:border-transparent'
/>
| {(() => { // 检查是否有权限操作任何用户 const hasAnyPermission = config?.UserConfig?.Users?.some(user => (role === 'owner' || (role === 'admin' && (user.role === 'user' || user.username === currentUsername))) ); return hasAnyPermission ? ( handleSelectAllUsers(e.target.checked)} className='w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600' /> ) : ( ); })()} | 用户名 | 角色 | 状态 | 用户组 | 采集源权限 | 操作 | |
|---|---|---|---|---|---|---|---|
| {(role === 'owner' || (role === 'admin' && (user.role === 'user' || user.username === currentUsername))) ? ( handleSelectUser(user.username, e.target.checked)} className='w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600' /> ) : ( )} | {user.username} | {user.role === 'owner' ? '站长' : user.role === 'admin' ? '管理员' : '普通用户'} | {!user.banned ? '正常' : '已封禁'} |
{user.tags && user.tags.length > 0
? user.tags.join(', ')
: '无用户组'}
{/* 配置用户组按钮 */}
{(role === 'owner' ||
(role === 'admin' &&
(user.role === 'user' ||
user.username === currentUsername))) && (
)}
|
{user.enabledApis && user.enabledApis.length > 0
? `${user.enabledApis.length} 个源`
: '无限制'}
{/* 配置采集源权限按钮 */}
{(role === 'owner' ||
(role === 'admin' &&
(user.role === 'user' ||
user.username === currentUsername))) && (
)}
|
{/* 修改密码按钮 */} {canChangePassword && ( )} {canOperate && ( <> {/* 其他操作按钮 */} {user.role === 'user' && ( )} {user.role === 'admin' && ( )} {user.role !== 'owner' && (!user.banned ? ( ) : ( ))} )} {/* 删除用户按钮 - 放在最后，使用更明显的红色样式 */} {canDeleteUser && ( )} |
{
setShowConfigureApisModal(false);
setSelectedUser(null);
setSelectedApis([]);
}}>
,
document.body
)}
{/* 添加用户组弹窗 */}
{showAddUserGroupForm && createPortal(
e.stopPropagation()}>
{/* 采集源选择 - 多列布局 */}
{/* 快速操作按钮 */}
{/* 操作按钮 */}
配置用户采集源权限 - {selectedUser.username}
配置说明
提示：全不选为无限制，选中的采集源将限制用户只能访问这些源
选择可用的采集源：
{config?.SourceConfig?.map((source) => (
))}
已选择：
{selectedApis.length > 0 ? `${selectedApis.length} 个源` : '无限制'}
{
setShowAddUserGroupForm(false);
setNewUserGroup({ name: '', enabledApis: [] });
}}>
,
document.body
)}
{/* 编辑用户组弹窗 */}
{showEditUserGroupForm && editingUserGroup && createPortal(
e.stopPropagation()}>
添加新用户组
{/* 用户组名称 */}
{/* 操作按钮 */}
setNewUserGroup((prev) => ({ ...prev, name: e.target.value }))
}
className='w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:ring-2 focus:ring-blue-500 focus:border-transparent'
/>
{/* 可用视频源 */}
{config?.SourceConfig?.map((source) => (
))}
{/* 快速操作按钮 */}
{
setShowEditUserGroupForm(false);
setEditingUserGroup(null);
}}>
,
document.body
)}
{/* 配置用户组弹窗 */}
{showConfigureUserGroupModal && selectedUserForGroup && createPortal(
e.stopPropagation()}>
编辑用户组 - {editingUserGroup.name}
{/* 可用视频源 */}
{/* 操作按钮 */}
{config?.SourceConfig?.map((source) => (
))}
{/* 快速操作按钮 */}
{
setShowConfigureUserGroupModal(false);
setSelectedUserForGroup(null);
setSelectedUserGroups([]);
}}>
,
document.body
)}
{/* 删除用户组确认弹窗 */}
{showDeleteUserGroupModal && deletingUserGroup && createPortal(
e.stopPropagation()}>
{/* 用户组选择 - 下拉选择器 */}
{/* 操作按钮 */}
配置用户组 - {selectedUserForGroup.username}
配置说明
提示：选择"无用户组"为无限制，选择特定用户组将限制用户只能访问该用户组允许的采集源
选择"无用户组"为无限制，选择特定用户组将限制用户只能访问该用户组允许的采集源
{
setShowDeleteUserGroupModal(false);
setDeletingUserGroup(null);
}}>
,
document.body
)}
{/* 删除用户确认弹窗 */}
{showDeleteUserModal && deletingUser && createPortal(
e.stopPropagation()}>
{deletingUserGroup.affectedUsers.length > 0 ? (
) : (
)}
{/* 操作按钮 */}
确认删除用户组
危险操作警告
删除用户组 {deletingUserGroup.name} 将影响所有使用该组的用户，此操作不可恢复！
⚠️ 将影响 {deletingUserGroup.affectedUsers.length} 个用户：
{deletingUserGroup.affectedUsers.map((user, index) => (
• {user.username} ({user.role})
))}
这些用户的用户组将被自动移除
✅ 当前没有用户使用此用户组
{
setShowDeleteUserModal(false);
setDeletingUser(null);
}}>
,
document.body
)}
{/* 批量设置用户组弹窗 */}
{showBatchUserGroupModal && createPortal(
e.stopPropagation()}>
{/* 操作按钮 */}
确认删除用户
危险操作警告
删除用户 {deletingUser} 将同时删除其搜索历史、播放记录和收藏夹，此操作不可恢复！
{
setShowBatchUserGroupModal(false);
setSelectedUserGroup('');
}}>
,
document.body
)}
{/* 通用弹窗组件 */}
e.stopPropagation()}>
{/* 操作按钮 */}
批量设置用户组
批量操作说明
将为选中的 {selectedUsers.size} 个用户 设置用户组，选择"无用户组"为无限制
选择"无用户组"为无限制，选择特定用户组将限制用户只能访问该用户组允许的采集源
加载中...
);
}
return (
{/* 添加视频源表单 */}
{showAddForm && (
)}
{/* 视频源表格 */}
{/* 保存排序按钮 */}
{orderChanged && (
)}
{/* 有效性检测弹窗 */}
{showValidationModal && createPortal(
);
};
// 分类配置组件
const CategoryConfig = ({
config,
refreshConfig,
}: {
config: AdminConfig | null;
refreshConfig: () => Promise视频源列表
{/* 批量操作按钮 - 移动端显示在下一行，PC端显示在左侧 */}
{selectedSources.size > 0 && (
<>
已选 {selectedSources.size}
已选择 {selectedSources.size} 个视频源
)}
setNewSource((prev) => ({ ...prev, name: e.target.value }))
}
className='px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100'
/>
setNewSource((prev) => ({ ...prev, key: e.target.value }))
}
className='px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100'
/>
setNewSource((prev) => ({ ...prev, api: e.target.value }))
}
className='px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100'
/>
setNewSource((prev) => ({ ...prev, detail: e.target.value }))
}
className='px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100'
/>
| handleSelectAll(e.target.checked)} className='w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600' /> | 名称 | Key | API 地址 | Detail 地址 | 状态 | 有效性 | 操作 |
|---|
setShowValidationModal(false)}>
,
document.body
)}
{/* 通用弹窗组件 */}
e.stopPropagation()}>
视频源有效性检测
请输入检测用的搜索关键词
setSearchKeyword(e.target.value)}
className='w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100'
onKeyPress={(e) => e.key === 'Enter' && handleValidateSources()}
/>
e.stopPropagation()}>
{/* 操作按钮 */}
{confirmModal.title}
{confirmModal.message}
加载中...
);
}
return (
{/* 添加分类表单 */}
{showAddForm && (
)}
{/* 分类表格 */}
{/* 保存排序按钮 */}
{orderChanged && (
)}
{/* 通用弹窗组件 */}
);
};
// 新增配置文件组件
const ConfigFileComponent = ({ config, refreshConfig }: { config: AdminConfig | null; refreshConfig: () => Promise自定义分类列表
setNewCategory((prev) => ({ ...prev, name: e.target.value }))
}
className='px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100'
/>
setNewCategory((prev) => ({ ...prev, query: e.target.value }))
}
className='px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100'
/>
| 分类名称 | 类型 | 搜索关键词 | 状态 | 操作 |
|---|
加载中...
);
}
return (
{/* 配置订阅区域 */}
{/* 配置文件编辑区域 */}
配置订阅
最后更新: {lastCheckTime ? new Date(lastCheckTime).toLocaleString('zh-CN') : '从未更新'}
{/* 订阅URL输入 */}
{/* 自动更新开关 */}
setSubscriptionUrl(e.target.value)}
placeholder='https://example.com/config.json'
disabled={false}
className='w-full px-4 py-3 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 focus:ring-2 focus:ring-green-500 focus:border-transparent transition-all duration-200 shadow-sm hover:border-gray-400 dark:hover:border-gray-500'
/>
{/* 拉取配置按钮 */}
输入配置文件的订阅地址，要求 JSON 格式，且使用 Base58 编码
启用后系统将定期自动拉取最新配置