NewCloud TV 是一款基于 PHP+Vue.js 的轻量级在线影视聚合系统,无需数据库,部署简单。支持电影、剧集、综艺等资源的浏览、搜索与播放,内置功能丰富的 HLS 播放器,响应式设计适配多端。所有数据来自公开采集接口,适合个人学习与快速搭建。
NewCloud TV - 轻量级在线影视聚合播放系统
基于 PHP + Vue.js 的无数据库影视网站
对接公开采集 API,支持电影/剧集/综艺/动漫的浏览、搜索与播放
项目简介
- 技术栈:PHP 7.4+(原生无框架) + Vue.js 3 + HLS.js
- 核心特点:
- 无需数据库,部署简单(上传即用)
- 响应式设计,适配手机/电脑/平板
- 对接公开采集 API(如
ffzyapi.com),不存储资源
核心功能
1. 浏览与搜索
- 首页推荐:瀑布流卡片展示热门内容
- 分类浏览:电影/连续剧/综艺/动漫 + 子分类筛选
- 分页加载:支持完整分页,避免卡顿
- 全局搜索:关键词模糊匹配,快速定位资源
2. 影片详情
- 基础信息:海报、评分、导演、演员、剧情简介
- 选集列表:支持剧集切换,播完自动下一集
3. 播放器功能
- HLS 播放器:支持
m3u8格式,多码率切换 - 播放控制:
- 倍速播放(0.5x~3x)
- 长按 3 倍速快进
- 进度条拖拽 + 时间预览
- 全屏/画面比例调节/竖屏旋转(适配短剧)
- 快捷键:空格(播放/暂停)、方向键(进度)、F(全屏)、M(静音)
4. 适配优化
- 响应式布局:自动适配不同设备
- 移动端优化:触控操作、底部导航栏
技术实现
| 模块 | 技术选型 |
|---|---|
| 前端 | Vue.js 3 + HLS.js(播放) + GSAP(动画) + Remix Icon(图标) |
| 样式 | 原生 CSS(变量 + Grid + Flex) |
| 后端 | PHP 7.4+(纯原生,无框架) |
| 数据来源 | 公开采集 API(如 ffzyapi.com) |
项目结构
├── index.php # 首页
├── list.php # 分类列表页
├── detail.php # 影片详情页
├── play.php # 播放页(HLS 播放器)
├── search.php # 搜索页
├── api_proxy.php # API 代理(解决跨域)
├── includes/ # 公共组件
│ ├── api.php # 接口封装
│ ├── header.php # 公共头部
│ └── footer.php # 公共底部
└── assets/style.css # 全站样式
部署说明
环境要求
- PHP 7.4+(需启用
file_get_contents) - Web 服务器(Apache/Nginx/宝塔面板)
- 服务器可访问外网(用于调用采集 API)
部署步骤
- 上传文件到网站目录
- 确保 PHP 支持
file_get_contents(用于 API 请求) - 访问
index.php即可使用
注意事项
- 无需数据库:所有数据通过 API 动态获取
- 无需 Composer:纯原生 PHP 开发
- 相对路径:支持子目录部署
免责声明
- 本项目仅供学习交流,不存储任何影视资源
- 所有内容来自第三方公开接口,请勿用于商业用途
- 遵守当地法律法规,避免侵权风险
特点总结:
✅ 轻量级:无数据库、无框架,部署简单
✅ 功能全:播放控制、分类筛选、响应式设计
✅ 低门槛:上传即用,适合个人学习或快速搭建
如需扩展功能(如用户系统、收藏、评论),可基于现有架构二次开发。


