项目案例

playbody · 视频销售与流媒体服务

将分散存放在移动硬盘中的电影和课程视频(约 46GB)迁移至流媒体服务,用户可用积分购买、永久收藏并观看。上传、GPU 编码、加密流媒体、720p~4K 画质选择及管理后台均已完成,部署期间服务不中断。

视频销售·观看渠道

之前

视频存放在移动硬盘中,无处销售和观看

之后

迁移电影 16 部、课程 3 个系列共 39 讲,积分购买 → 收藏 → 720p~4K 观看在同一服务内完成

桌面端观看界面。中央播放器显示进度条并展开画质菜单(自动、4K、QHD、1080p、720p),右侧是带有“已观看”“观看中”标记的系列剧集列表,下方是同一分类的四张课程海报。

为保护客户信息,画面以模拟数据重新构建了相同功能。

可直接访问,查看桌面端与移动端界面 playbody.net
客户
视频内容运营商
行业
媒体 · 教育
实施年份
2026
周期
2026年10月上线 · 运营中
领域
产品开发
  • Next.js · Mantine
  • PostgreSQL
  • 断点续传上传
  • GPU 编码(H.264 · HEVC)
  • 加密 HLS
  • 积分支付
  • blue/green 零停机部署

背景

视频已有,但都存放在移动硬盘中。销售需要支付功能,观看需要适配设备和网络状况的画质, 版权保护需要防下载机制。视频数量增加时,人工操作也不能随之增加。

解决方案

  • 观看 — 画质可自动选择,也可在 720p · 1080p · QHD · 4K 中手动切换。 续播和下一集在同一播放器内衔接,不会退出全屏
  • 购买与收藏 — 充值积分后,按视频或系列支付相应积分,即可永久收藏
  • 网页与移动端 — 底部标签栏、详情弹窗和海报页面分别针对桌面端和移动端适配,两端均可像应用一样使用

三张移动端截图。左为包含继续观看与分类海报的首页,中为显示收藏价格、我的积分及购买按钮的详情页,右为选择充值金额与支付方式的积分充值页面。

  • 管理后台 — 大体积原片通过断点续传上传后,只需解码一次,即由 GPU 生成 H.264 · HEVC 各档画质, 并逐片加密输出为流媒体文件。各视频的价格和公开状态也在此设置

管理后台上传·编码界面。上方是已登记视频 58 部(电影 16 · 课程 39 · 预告片 3)、编码队列、存储容量、零停机部署卡片,下方表格列出每个视频的分类、画质档位、编码进度、价格与公开状态。

结果

2026 年 10 月上线,目前持续运营中。已迁移移动硬盘中的电影 16 部和课程 3 个系列共 39 讲(约 46GB)。 新版本先在备用服务器上启动,确认状态正常后才切换,部署期间观看不受影响。