NewCloud TV:基于 PHP 与 Vue.js 的轻量级无数据库影视聚合系统

NewCloud TV 是一个基于 PHP 和 Vue.js 构建的轻量级在线影视聚合播放系统。该项目对接公开采集 API,支持电影、连续剧、综艺及动漫的浏览、搜索与播放。其最大特点在于无需数据库,部署极其简单,上传即可使用,且完全免费开源,无任何广告或引流内容。

核心功能

浏览体验

  • 首页采用瀑布流卡片展示推荐内容
  • 提供电影、连续剧、综艺、动漫四大分类
  • 支持子分类筛选与完整分页功能
  • 内置全局关键词搜索

影片详情

  • 展示海报、评分、导演及演员信息
  • 包含剧情简介与选集列表

播放器特性

  • 自建 HLS 播放器 (m3u8),支持多码率画质切换
  • 支持 0.5x 至 3x 倍速播放,长按可实现 3 倍速快进
  • 进度条拖拽带时间预览,支持无刷新切集
  • 播完自动播放下一集
  • 支持全屏模式、画面比例调节及竖屏旋转(适配短剧)
  • 完善的键盘快捷键支持(空格/方向键/F/M)

多端适配

  • 响应式布局,完美兼容手机与电脑
  • 针对移动端进行触控优化
  • 底部导航栏设计

技术栈

  • 前端:Vue.js 3 + HLS.js + GSAP
  • 图标:Remix Icon
  • 样式:原生 CSS (变量+Grid+Flex)
  • 后端:PHP 7.4+ (纯原生无框架)
  • 数据源:第三方采集 API

项目结构

  • index.php – 首页
  • list.php – 分类列表
  • detail.php – 影片详情
  • play.php – 播放页 (HLS 播放器)
  • search.php – 搜索页
  • api_proxy.php – API 代理
  • includes/api.php – 接口封装
  • includes/header.php – 公共头部
  • includes/footer.php – 公共底部
  • assets/style.css – 全站样式

部署说明

环境要求:

  • PHP 7.4+
  • Web 服务器:Apache / Nginx / 宝塔面板
  • 服务器需具备外网访问能力

部署步骤:

  1. 将文件上传至网站目录
  2. 确保 PHP 已启用 file_get_contents 函数
  3. 直接访问 index.php 即可运行

本项目无需数据库,无需 Composer 依赖,采用相对路径,支持子目录部署。

免责声明

本项目仅供学习交流使用,不存储任何影视资源,所有内容均来自第三方公开接口。请勿将本项目用于商业用途。

下载地址:蓝奏云下载

NewCloud TV:基于 PHP 与 Vue.js 的轻量级无数据库影视聚合系统插图NewCloud TV:基于 PHP 与 Vue.js 的轻量级无数据库影视聚合系统插图1

© 版权声明
THE END
喜欢就支持以下吧
点赞4赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容