KVideo是一个基于 Next.js 16 构建的现代化视频聚合播放平台。采用独特的 "Liquid Glass" 设计语言,提供流畅的视觉体验和强大的视频搜索功能。

✨ 核心功能

🎥 智能视频播放

  • HLS 流媒体支持:原生支持 HLS (.m3u8) 格式,提供流畅的视频播放体验

  • 智能缓存机制:Service Worker 驱动的智能缓存系统,自动预加载和缓存视频片段

  • 后台下载:利用观看历史,在后台自动下载历史视频,确保离线也能观看

  • 播放控制:完整的播放控制功能,包括进度条、音量控制、播放速度调节、全屏模式等

  • 移动端优化:专门为移动设备优化的播放器界面和手势控制

🔍 多源并行搜索

  • 聚合搜索引擎:同时在多个视频源中并行搜索,大幅提升搜索速度

  • 自定义视频源:支持添加、编辑和管理自定义视频源

  • 智能解析:统一的解析器系统,自动处理不同源的数据格式

  • 搜索历史:自动保存搜索历史,支持快速重新搜索

  • 结果排序:支持按评分、时间、相关性等多种方式排序搜索结果

🎬 豆瓣集成

  • 电影 & 电视剧分类:支持在电影和电视剧之间无缝切换,方便查找不同类型的影视资源

  • 详细影视信息:自动获取豆瓣评分、演员阵容、剧情简介等详细信息

  • 推荐系统:基于豆瓣数据的相关推荐

  • 专业评价:展示豆瓣用户评价和专业影评

💾 观看历史管理

  • 自动记录:自动记录观看进度和历史

  • 断点续播:从上次观看位置继续播放

  • 历史管理:支持删除单条历史或清空全部历史

  • 隐私保护:所有数据存储在本地,不上传到服务器

📱 响应式设计

  • 全端适配:完美支持桌面、平板和移动设备

  • 移动优先:专门的移动端组件和交互设计

  • 触摸优化:针对触摸屏优化的手势和交互

🌙 主题系统

  • 深色/浅色模式:支持系统级主题切换

  • 动态主题:基于 CSS Variables 的动态主题系统

  • 无缝过渡:主题切换时的平滑过渡动画

⌨️ 无障碍设计

  • 键盘导航:完整的键盘快捷键支持

  • ARIA 标签:符合 WCAG 2.2 标准的无障碍实现

  • 语义化 HTML:使用语义化标签提升可访问性

  • 高对比度:确保 4.5:1 的文字对比度

💎 高级模式

  • 独立入口:在浏览器地址栏直接输入 /premium 即可进入独立的高级视频专区

  • 内容隔离:高级内容与普通内容完全物理隔离,互不干扰

  • 专属设置:拥有独立的内容源管理和功能设置

安装部署

打开Container Mansger,镜像仓库中搜索 kuekhaoyang/kvideo 下载即可

默认容器端口3000,映射到Nas的端口根据实际情况填写,映射文件夹路径容器内是`/app/data`
增加环境变ACCESS_PASSWORD ,value值就是到时候登陆时的密码,其他的环境变量根据自己的需要增加即可
配置完成后,直接运行启动即可。正常登陆以后其实就可以搜索相关资源观看了,默认已经添加了很多的视频源

结语

试了试其实效果还不错,观看的时候也基本比较顺滑,整体访问也比较流畅,能够满足大多数人日常观影的需求了。

项目地址:https://github.com/KuekHaoYang/KVideo