news 2026/2/22 20:38:02

搭建一个现代化视频聚合播放平台(含视频源)

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
搭建一个现代化视频聚合播放平台(含视频源)

搭建一个现代化视频聚合播放平台(含视频源)

前言

本文阅读大约5分钟

hello大家好,我是反调,今天给大家分享一个视频聚合播放的开源项目KVideo搭建教程,手把手教你免费部署一个自己的视频聚合播放平台。还有现成的视频源给你分享,教您配置。有兴趣的朋友可以看看,当然你嫌麻烦,可以直接使用我部署好的

项目介绍

KVideo这是一款聚焦极致体验与视觉设计的高性能现代化视频聚合播放应用。项目深度整合 Next.js 16 最新特性,结合 React 19 与 Tailwind CSS v4 技术栈,应用以Liquid Glass为设计核心,融合玻璃拟态、柔和圆角、光影交互等现代化 UI 特性。支持 HLS 流媒体播放、多源并行搜索、豆瓣集成与本地观看历史管理,适配全端设备,兼顾主题切换、无障碍设计与隐私保护,下面给大家讲解免费部署方式。

项目预览

官方站点:https://kvideo.pages.dev/ 我自己部署了一个在EdgeOne Pages上看后文

项目部署

1、静态页面部署

可以部署在CloudFlare、Vercel、EdgeOne Pages等平台。这里以EdgeOne Pages为例。其他平台部署方式一样的。

首先fork仓库到自己的GitHub账号。创建新的项目->导入GitHub仓库

这里建议你直接从仓库导入,因为仓库更新了,会直接触发重新部署操作,会将最新的代码重新部署到Pages页面。

项目名称自定义,加速区域(有备案的域名选择全球包含中国大陆,没有备案的选择全球不含中国大陆),其他默认,点击部署

然后等一会部署完毕以后,绑定自己的域名就行了,免费二级域名也可以。

2、docker部署,命令如下。

docker run -d -p 3000:3000 -e NEXT_PUBLIC_SUBSCRIPTION_SOURCES='[{"name":"MySource","url":"..."}]' --name kvideo kuekhaoyang/kvideo:latest

其他部署方式这里不讲了,docker不会安装的朋友,可以看一下下面的文章

https://blog.csdn.net/weixin_45501045/article/details/156381637?spm=1011.2124.3001.6209

GitHub地址:https://github.com/KuekHaoYang/KVideo

我自己部署了一个在EdgeOne Pages上有兴趣的朋友可以看看

https://kvideo.hudis.dpdns.org/

视频源导入

视频源格式如下

[{"id":"my_source_1","name":"我的精选源","baseUrl":"https://api.example.com/vod","group":"normal","priority":1},{"id":"adult_source_1","name":"特殊资源","baseUrl":"https://api.adult-source.com/vod","group":"adult","enabled":true}]

视频源配置如下面的步骤,你也可以直接在部署的时候去设置环境变量。但是还是推荐部署好以后在设置,这样很灵活。

点击界面的设置按钮。

进入系统配置界面以后,一直往下划,找到【数据管理】栏目,点击导入设置按钮

然后在链接导入模块输入视频源的地址。点击【获取按钮】。

等待配置成功的提示即可。

自定义数据源很不现实,这里反调给大家分享一个现成的视频源,下面地址自取:

https://raw.githubusercontent.com/rapier15sapper/ew/refs/heads/main/test.json

上面网址访问不了的,访问我这个。内容都是一样的哈,只是有些朋友可能进入不了GitHub。

https://bitiful.hudi.space/json/source.json

总结

完成上面的步骤,就可以部署一个自己的视频聚合播放平台了,当然这些视频源你也可以应用到其他的播放器中。好了,今天的分享就到这里了。感兴趣的朋友赶紧试试把。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/2/10 14:10:03

基于SpringBoot的在线骑行网站的设计与实现毕设源码+文档+讲解视频

前言 随着骑行运动的普及,骑行爱好者对路线分享、活动参与、装备购置及社区互动的需求日益增长,传统线下交流模式已难以满足多元化需求。本课题旨在设计并实现一款基于SpringBoot框架的在线骑行网站,构建一站式骑行服务平台。系统采用SpringB…

作者头像 李华
网站建设 2026/2/21 12:43:36

conda info命令查看Miniconda环境详细信息

conda info 命令与 Miniconda-Python3.10 镜像深度解析 在现代 AI 与数据科学项目中,一个常见的“玄学问题”是:代码在 A 的机器上跑得好好的,换到 B 的环境就报错不断。 表面上看是某个包导入失败,深挖下去往往发现是 Python 版本…

作者头像 李华
网站建设 2026/2/20 17:57:21

使用SSH连接远程Miniconda容器进行长时间模型推理任务

使用SSH连接远程Miniconda容器进行长时间模型推理任务 在现代AI开发中,一个常见的场景是:你在本地写好了模型推理脚本,准备运行一个需要十几个小时的批量任务。结果刚跑一半,笔记本自动休眠、网络中断、或者干脆电量耗尽——任务戛…

作者头像 李华
网站建设 2026/2/11 3:40:59

springboot大型商场应急预案管理系统设计实现

背景分析大型商场作为人员密集场所,面临火灾、停电、公共卫生事件(如疫情)、恐怖袭击等多重风险。传统应急预案管理依赖纸质文档或简单电子表格,存在响应滞后、信息孤岛、协同效率低等问题。SpringBoot框架因其微服务架构、快速开…

作者头像 李华
网站建设 2026/2/21 10:35:13

python vue基于django的幼儿园日常办公管理系统_p0grg

目录 已开发项目效果实现截图关于博主开发技术路线相关技术介绍核心代码参考示例结论源码lw获取/同行可拿货,招校园代理 :文章底部获取博主联系方式! 已开发项目效果实现截图 同行可拿货,招校园代理 ,本人源头供货商 python vue基于django的幼儿园日常…

作者头像 李华
网站建设 2026/2/19 19:32:26

python人脸识别考勤管理系统

目录 已开发项目效果实现截图关于博主开发技术路线相关技术介绍核心代码参考示例结论源码lw获取/同行可拿货,招校园代理 :文章底部获取博主联系方式! 已开发项目效果实现截图 同行可拿货,招校园代理 ,本人源头供货商 python人脸识别考勤管理系统 …

作者头像 李华