基础信息
开发语言:PHP+原生JS
数据库:无(CSV文件存储数据)
运行环境:PHP8.0
源码分类:视频音乐源码
适配设备:PC/移动端自适应
源码简介
吃瓜主题轻量视频聚合播放系统,无数据库依赖,依靠CSV文件存储管理视频资源,采用西瓜风奶油暖橙UI与响应式瀑布流卡片布局,内置搜索、分类、多排序、弹窗全屏播放器、后台CSV上传管理全套功能,前端无第三方JS/CSS依赖,轻量化易部署,适合程序开发学习研究使用。

核心功能更新日志
1. CSV文件驱动数据管理,无需数据库
支持UTF-8/GBK/GB2312多编码自动转换,自带文件缓存提升读取速度;自动过滤无效视频链接,仅放行配置内安全域名白名单。
2. 响应式瀑布流卡片展示
移动端2列、平板3列、电脑4-5列自适应网格;卡片渐入动画,包含分类标签、西瓜加载动画、预览静音自动播放、长标题跑马灯滚动、多源数量角标。
3. 完整前端交互功能
- 分类筛选:侧滑菜单展示全部分类及对应视频数量,一键筛选
- 关键词搜索:标题关键词实时高亮,中英文兼容检索
- 多种排序:新旧排序、字母升序/降序切换
- 卡片内置播放器:点击暂停/播放;弹窗全屏播放器,支持多视频源左右滑动、按键切换
- 底部数据统计:展示总资源、视频源、分类数量、最后更新时间
4. 独立CSV上传后台up.php
仅允许上传≤5MB的CSV文件,客户端+服务端双重校验格式;旧数据文件自动备份至data目录,支持历史版本恢复,拖拽上传并实时校验文件名。
5. 西瓜主题视觉与PWA适配
暖橙渐变+奶油底色,漂浮水果装饰,毛玻璃卡片与柔和阴影;自定义滚动条样式,支持Manifest配置适配PWA应用。
6. 安全防护机制
域名白名单校验、文件类型严格限制、XSS注入防护,视频域名需在index.php约150行添加至白名单才可正常播放。
技术特点
- 后端:原生PHP无框架,轻量化占用低
- 前端:纯原生JavaScript+CSS3,无外部依赖
- 存储:CSV表格文件,Excel可直接编辑维护
- 播放:HTML5视频播放器,兼容mp4、webm格式
- 适配:移动优先全终端响应式布局
部署说明
1. 将index.php、up.php、videos.csv全部上传至PHP服务器;
2. 设置logs、data文件夹权限755,保证目录可写入;
3. 编辑videos.csv按规范录入视频资源,新增视频域名需在index.php约150行加入白名单;
- 访问index.php浏览站点,访问up.php进入后台上传更新CSV数据。

