KVideo：免费开源的现代化视频聚合播放平台

KVideo 是一个高性能、现代化的视频聚合与播放应用，专注于提供极致的用户体验和视觉设计。本项目利用 Next.js 16 的最新特性，结合 React 19 和 Tailwind CSS v4，打造了一个既美观又强大的视频浏览平台。

核心设计理念：Liquid Glass（液态玻璃）

项目的视觉设计基于 “Liquid Glass” 设计系统，这是一套融合了以下特性的现代化 UI 设计语言：

• 玻璃拟态效果：通过 backdrop-filter 实现的磨砂半透明效果，让 UI 元素如同真实的玻璃材质
• 通用柔和度：统一使用 rounded-2xl 和 rounded-full 两种圆角半径，创造和谐的视觉体验
• 光影交互：悬停和聚焦状态下的内发光效果，模拟光线被”捕获”的物理现象
• 流畅动画：基于物理的 cubic-bezier 曲线，实现自然的加速和减速过渡
• 深度层级：清晰的 z-axis 层次结构，增强空间感和交互反馈

✨ 核心功能

🎥 智能视频播放

• HLS 流媒体支持：原生支持 HLS (.m3u8) 格式，提供流畅的视频播放体验
• 智能缓存机制：Service Worker 驱动的智能缓存系统，自动预加载和缓存视频片段
• 后台下载：利用观看历史，在后台自动下载历史视频，确保离线也能观看
• 播放控制：完整的播放控制功能，包括进度条、音量控制、播放速度调节、全屏模式等
• 移动端优化：专门为移动设备优化的播放器界面和手势控制

🔍 多源并行搜索

• 聚合搜索引擎：同时在多个视频源中并行搜索，大幅提升搜索速度
• 自定义视频源：支持添加、编辑和管理自定义视频源
• 智能解析：统一的解析器系统，自动处理不同源的数据格式
• 搜索历史：自动保存搜索历史，支持快速重新搜索
• 结果排序：支持按评分、时间、相关性等多种方式排序搜索结果

🎬 豆瓣集成

• 详细影视信息：自动获取豆瓣评分、演员阵容、剧情简介等详细信息
• 推荐系统：基于豆瓣数据的相关推荐
• 专业评价：展示豆瓣用户评价和专业影评

💾 观看历史管理

• 自动记录：自动记录观看进度和历史
• 断点续播：从上次观看位置继续播放
• 历史管理：支持删除单条历史或清空全部历史
• 隐私保护：所有数据存储在本地，不上传到服务器

📱 响应式设计

• 全端适配：完美支持桌面、平板和移动设备
• 移动优先：专门的移动端组件和交互设计
• 触摸优化：针对触摸屏优化的手势和交互

🌙 主题系统

• 深色/浅色模式：支持系统级主题切换
• 动态主题：基于 CSS Variables 的动态主题系统
• 无缝过渡：主题切换时的平滑过渡动画

⌨️ 无障碍设计

• 键盘导航：完整的键盘快捷键支持
• ARIA 标签：符合 WCAG 2.2 标准的无障碍实现
• 语义化 HTML：使用语义化标签提升可访问性
• 高对比度：确保 4.5:1 的文字对比度

🔐 隐私保护

本应用注重用户隐私：

• 本地存储：所有数据存储在本地浏览器中
• 无服务器数据：不收集或上传任何用户数据
• 自定义源：用户可自行配置视频源

🔒 密码访问控制

KVideo 支持两种密码保护方式：

方式一：本地保存密码

在设置页面中启用密码访问，并添加密码：

• 设备独立：仅在当前浏览器/设备有效
• 可管理：可随时添加或删除
• 多密码支持：可设置多个有效密码

在线体验

访问 https://kvideo.vercel.app/ 立即体验，无需安装！

项目主页：https://github.com/KuekHaoYang/KVideo