blastshort短视频播放网站产品系统

我搭建了一套短剧播放站，支持游客短时试看、就地登录解锁、跨设备追剧续播，并提供简易运营后台管理内容上架与曝光位排序。

- 观看转化链路：游客可直接观看前 10 集；当尝试播放第 11 集时，播放页内直接弹出登录/注册弹窗（不跳转、不打断剧情）。注册成功后自动登录并无缝续播第 11 集，后续剧集即时解锁。
- 播放体验优化：基于 HLS.js 实现短剧播放；在网络异常或解码失败时自动回退 MP4 源。切换集数（2→3→4…）无需整页刷新，播放器复用并保持高亮进度。移动端通过 `loadedmetadata` 动态判断视频宽高比，自动给 `` 加 `portrait` 类，重新布局为“上方视频 / 下方剧情信息+集数列表”的竖屏交互。
- 登录与鉴权：实现“注册即登录”，登录态即时写入并驱动 UI 刷新（隐藏未登录引导按钮、解锁后续集数、恢复播放进度）。避免了传统“跳到登录页-再跳回来”的割裂体验。
- 历史记录与回流：播放进度会节流上报到后端并与账号绑定，Profile 页面展示“看到 EP.x / 总 EP.y”的进度卡片，支持用户跨设备继续追剧，形成留存回流入口。
- 运营后台（Catalog 管理）：自建轻量 CMS（admin.html），可读取/备份/保存 catalog.json；支持扫描服务器目录或 BunnyCDN 存储区自动生成条目，编辑剧集元信息（可见性、分区位、优先级、封面、年份、集数范围等），并一键更新首页推荐区、轮播位和内容曝光排序。
- 基础数据与风控（预留能力）：系统预留埋点与统计接口（PV、停留时长、来源国家、疑似机器流量过滤），为后续投放质量判断和防刷打基础。

我负责整个项目的所有开发，包括立项、前端/后端开发、数据库、与bunnyCDN的连接、以及管理员面板
技术栈：JavaScript、原生 HTML/CSS、HLS.js、PHP (API)、MySQL、SQLite、Nginx、BunnyCDN
项目亮点 ：设计游客试看 → 登录弹窗 → 自动续播 → 跨设备进度同步的完整转化闭环；动态竖屏布局：自动识别 video 宽高比并切换 portrait 类，移动端体验一致；自建 Catalog 管理后台，可图形化编辑 catalog.json 并控制首页推荐区；