一键搭建个人影视站，全网影视随心看！NAS部署『OuonnkiTV』

哈喽小伙伴们好，我是Stark-C~

貌似咱们绝大多数的NAS佬们对于影音都有一份说不清的执念，我们也许不追剧，也不看电影，但总喜欢在NAS中收集按T算的影视资源，或者搭建数不清的影视类应用项目，反正就是能装的都想装，能跑的都想跑。一句话总结就是：我不一定看，但我必须得有。

比如说我自己吧，目前NAS中收集的原盘影视10+TB，影视类 Docker 项目四五个常驻后台，然而我这应该在圈子里仅仅算是入门级~

竟然这样，那么今天在来为大家分享一个影视类项目--OuonnkiTV，一个集现代UI、体验丝滑、TMDB 加持，观感拉满的聚合影视站前端。

关于OuonnkiTV

OuonnkiTV是一个免费开源、纯前端的视频聚合搜索与播放应用，基于 LibreTV 重构，但 2.0 版本已经完全独立，采用 React 19 + TypeScript + Vite 6 + TailwindCSS 4 全面重写。它本质上是一个 “漂亮的播放器 + 聚合搜索界面”，你只需要提供视频源 API，它就能帮你展示、搜索、播放。

项目Github地址：
https://github.com/Ouonnki/OuonnkiTV

项目亮点：

• TMDB 智能加持，自动补全海报、评分、演员、剧情，让你的自建影视站瞬间变成“类 Netflix”，当然不用 TMDB Key 也能跑。
• 全端体验优秀，桌面宽屏、平板双栏、手机底部导航，全都重新适配，跨端观影体验比大多数同类壳都顺滑。
• ⚙️ 纯前端、零后端：不存储、不代理、不提供资源。你负责提供视频源，它负责展示和播放。
• 视频源管理灵活，支持文件、文本、URL 导入，多源切换自由。
• ️ 播放器体验强‘基于 xgplayer，支持 HLS / MP4，UI 现代、加载快、兼容性好，观影体验不输主流播放器。
• 现代技术栈 + 高性能，React 19、Vite 6、TS、TailwindCSS 4，全新架构，启动快、交互顺、维护简单。
• 部署极友好，Vercel 一键上线；Docker 一条命令跑起来，NAS 用户和小白都能轻松上手。

OuonnkiTV部署

部署使用的NAS：

此次部署使用的NAS为海康智存私有云R1是一款四盘位高性能的家庭网络存储解决方案，最大支持96TB存储容量。它采用Intel四核处理器 N100，标配一个 DDR5内存插槽与双M.2 SSD设计，强大的性能足够个人及家庭用户的数据备份和文件共享需求。

I/O接口上也是非常丰富，包括3个USB 3.2 Gen2 10Gbps接口、1个 USB3.2 Gen2 Type-C接口及1个HDMI接口（4K 60fps），两个2.5G网口，适应多种扩展需求。

比较有意思的是，它的前面板刚还配备了1块2.86寸、60Hz触控屏，支持多种功能与主题设置，可实时显示温度、CPU占用、风扇、硬盘等状态信息，侧边还配备了透明侧板以及可调控炫彩RGB氛围灯，拥有极高的可玩性。

部署前的准备：

因为OuonnkiTV只是一个纯粹的影视站点前端，所以它是没有任何资源的，所以在使用它之前，我们需要自己搞定视频源。至于视频源如何获取我只能说“八仙过海，各显神通”了。不过互联网的本质其实就是分享，我相信只要你有心，动动搜索的小手，你就能找到的，奥利给！

然后是TMDB API Key 的申请。虽说OuonnkiTV不用TMDB API Key 也可以使用，不过有了TMDB API Key 之后，界面展示的UI就会更美观漂亮，并且还关联高清海报、评分、演员信息、剧情简介和相关推荐等。最主要的是，TMDB API Key对个人和非商业用途完全免费，不用白不用！唯一的弊端就是有些地方可能需要加强网络的支持。

开始部署：

打开海康存储 R1的Docker管理器，分别点击“镜像管理--添加--电脑本地文件导入”。

ouonnkitv的官方镜像名称为“ghcr.io/ouonnki/ouonnkitv”，我已经上传到网盘，大家直接下载便是。【夸克：fd21c2ee572b 提取码：51Gw】

ouonnkitv的镜像文件不是很大，很快就能导入完成。

导入完成后点击镜像下面的“创建容器”。

【容器名称】随意吧，建议命名为容器的名称“ouonnkitv”便于后期识别。

直接在【端口设置】这里“容器端口”设置为80，本地端口设置为不冲突的任意端口即可，“端口类型”选择TCP。其它就没啥可设置的了，点“完成”按钮就搞定了ouonnkitv的部署工作。

没什么问题，就可以在“容器管理”中，看到ouonnkitv正常“运行中”。

OuonnkiTV体验

在“容器管理”中，选择部署好的ouonnkitv容器，点击“详情”。

在【端口设置】中，点击访问地址，就能一键打开部署好的ouonnkitv容器项目了。

进来之后可以看到里面确实只是一个框架，没有任何影视内容，先点击主页的“添加视频源”。

OuonnkiTV支持SON 文件、URL 链接、文本粘贴 三种方式添加视频源，一般老司机应该会直接使用它的订阅功能，只需一个远程 JSON 地址，它就会自动拉取并更新源列表，省去手动导入的麻烦。

我这里演示的是文本粘贴的方式。

如果没什么问题现在返回到首页已经可以看到添加视频源里面的影视资源了。

播放也没什么问题，而且播放器也做的不错，支持画中画、截图、倍速、循环等功能。只不过可能是我找到的源不怎么好，视频的清晰度非常差，而且还有乱七八糟的广告。

还有一个比较友好的是它所有的视频源都交给我们用户自行控制，我们完全可以根据自己的需求开启和关闭，或者调整顺序。

前面准备的TMDB API Key需要在“设置 → 系统设置 → 系统行为”中配置，然后开启「TMDB 智能模式」开关就可以了。不过可能因为网络原因，我这里的首页并没有预想中的效果，所以这里也不展示了。

其实这类项目还是有很多的，比如MoonTV、OmniBox等，它们的功能和用法基本都差不多，体验好不好还是在于视频源。不过我个人其实基本不会用它们，我只是为了体验搭建和折腾它们的乐趣。对于自己喜欢的影视，我还是偏向于将资源下载到本地。

好了，以上就是今天给大家分享的内容，我是爱分享的Stark-C，如果今天的内容对你有帮助请记得收藏，顺便点点关注，咱们下期再见！谢谢大家~