一键搭建个人影视站，支持Vercel自动部署，支持实时搜索提示，自动保存用户的观看和搜索历史

项目特性

• • 搜索功能：支持实时搜索提示，包括历史记录与建议联想。
• • 播放功能：基于xgplayer，支持HLS和MP4格式的流畅播放。
• • 详情展示：能够清晰呈现视频的标题、封面和简介。
• • 历史记录：自动保存用户的观看和搜索历史，并且可以进行清理。
• • 视频源导入：支持通过文件、JSON文本、URL等多种方式批量导入视频源。
• • 个性化设置：用户可以根据自己的喜好对主题和偏好进行配置。
• • 性能优化：采用代码分割、缓存与按需加载等策略，提升应用性能。
• • 响应式设计：支持移动和桌面端的自适应布局。
• • 稳定的状态管理：基于Zustand进行状态管理，数据结构清晰。

一键部署

• • Vercel部署：提供了Vercel一键部署的按钮和详细的手动部署方法。
• • Fork同步与更新：介绍了两种保持Fork与上游仓库同步的方式，包括GitHub Action自动强制镜像和GitHub原生Sync Fork

🔄 视频源导入功能

支持多种方式快速配置多个视频源：

导入方式

1. 本地文件导入 📁

• • 支持 JSON 格式文件
• • 拖拽或点击选择文件
• • 自动验证文件格式

2. JSON 文本导入 📝

• • 直接粘贴 JSON 配置
• • 实时语法检查
• • 支持多行格式化

3. URL 导入 🌐

• • 从远程 URL 获取配置
• • 支持 GitHub、Gitee 等代码托管平台
• • 自动处理网络请求

JSON格式说明

基本格式：

[  {    "id": "source1",    "name": "示例视频源",    "url": "https://api.example.com/search",    "detailUrl": "https://api.example.com/detail",    "isEnabled": true
  }]

字段说明：

• • id: 源的唯一标识符（可选，系统会自动生成）
• • name: 视频源显示名称（必需）
• • url: 搜索API地址（必需）
• • detailUrl: 详情API地址（可选，默认使用 url）
• • isEnabled: 是否启用该源（可选，默认为 true）

支持格式：

• • ✅ 单个对象：{"name":"源名称","url":"API地址"}
• • ✅ 对象数组：[{"name":"源1","url":"API1"},{"name":"源2","url":"API2"}]
• • ✅ 多行格式化 JSON
• • ✅ 紧凑单行 JSON

使用步骤

1. 1. 进入设置页面：点击右上角设置图标
2. 2. 打开导入功能：点击”导入源”按钮
3. 3. 选择导入方式：

• • 📁 文件导入：点击选择 JSON 文件或拖拽文件到页面
• • 📝 文本导入：将 JSON 配置粘贴到文本框中
• • 🌐 URL导入：输入包含 JSON 配置的 URL 地址

1. 4. 确认导入：点击”开始导入”按钮
2. 5. 查看结果：系统会显示导入成功的源数量，并自动关闭导入窗口

导入特性：

• • 🔄 自动去重：重复的源会被自动过滤
• • ✅ 数据验证：自动检查 JSON 格式和必需字段
• • 🚨 错误提示：详细的错误信息帮助排查问题
• • 📝 Toast通知：实时反馈导入状态
• • 🎯 批量处理：一次可导入多个视频源

直达链接【点击前往】