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
评论