录播仿直播系统是一套用预录视频替代实时推流的互动 H5 直播系统:预录视频按播放列表循环播放,配合定时开播下播计划与虚拟弹幕、虚拟进场、虚拟送花等氛围功能,让用户感知为「正在直播」。系统最核心的设计是伪直播进度同步——无论用户何时进入、刷新或换设备,都与服务端时间轴对齐,所有在线用户同一时间看到同一视频的同一位置,误差控制在 2 秒以内。项目含移动端 H5 直播间、PC 管理后台与后端服务三部分,全局仅一个直播间。
用户端直播间有哪些互动功能?
用户端运行在微信内置浏览器中,页面分视频播放区、互动聊天区、底部输入栏三块。
微信授权登录:打开链接触发网页授权,静默获取 openid 与头像昵称,身份 30 天有效;非微信环境打开时显示引导页并支持一键复制链接。
视频体验:支持 mp4 直链与 m3u8,按播放列表顺序循环;用户看不到进度条、暂停与全屏按钮,无法拖拽、倍速或下载。视频切换用双 video 标签交替加 0.5 秒淡入淡出实现无缝衔接;默认静音自动播放,微信授权的「允许」点击作为交互手势,授权完成后自动开声音。防息屏优先用 Screen Wake Lock API,不支持时降级为循环静音音频。
直播状态:左上角直播中红色标签+在线人数胶囊(真实+虚拟合计,15 秒刷新);未开播显示倒计时「距开播 HH:MM:SS」;已结束显示结束提示。
互动消息:普通弹幕(最多 50 字)、管理员/助理专属徽章弹幕、进场提示(3 秒超 5 人自动合并)、送花消息(免费无限量、5 秒连击合并、飘花动画)、全屏图片浮层、全屏滚动字幕、引用回复、自动欢迎语;相邻消息间隔超 5 分钟插入时间分隔线;页面最多保留最近 200 条消息的 DOM 节点,完整记录后台可查。发送频率限每秒 3 条,表情面板 20 个常用表情,键盘弹起页面自适应 iOS/Android/鸿蒙。
管理操作:管理员与助理在 H5 端可踢人(本场次内禁止重进)、禁言(5 分钟/30 分钟/本场永久)、发全屏图片、发全屏字幕、引用回复;被踢与被禁言均有明确的状态提示与到期自动恢复。
管理后台如何配置直播间?
- 权限体系:超级管理员全权限,助理仅基础管理权限(不能改配置、不能增删人员、不能看日志);后台为助理账号生成 5 分钟有效的临时授权码二维码,微信扫码绑定后,该微信用户进直播间自动识别为助理身份显示蓝色徽章,管理员为红色徽章。
- 直播间配置:标题、自动欢迎语、分享封面与描述、弹幕字数上限(10-100)、送花/聊天/进场提示开关,修改后通过 Socket.IO 实时推送全端即时生效。
- 视频管理:本地上传(mp4 最大 2GB,自动取时长与首帧缩略图)或云存储链接(HEAD 验证有效性);播放列表拖拽排序、自动计算总时长,修改后实时推送并重新校准进度。
- 定时计划:单次/每日/每周循环三种类型,定时任务自动切换状态,支持手动立即开播/下播临时覆盖。
- 数据看板:今日 UV、峰值在线、弹幕数、送花数四卡片+近 7 天 UV 折线图+当前直播状态面板。
违禁词、举报与日志如何保障内容安全?
- 违禁词:最多 500 个,批量导入一次 100 个;包含匹配、不分大小写,命中消息不发出并记录拦截日志(昵称、内容、命中词、时间),词表内存缓存即时生效。
- 举报:用户举报需选理由(垃圾广告/色情低俗/人身攻击/其他),同用户同消息仅 1 次、每小时最多 5 次;后台合并显示多人举报,详情含被举报人前后 10 条聊天上下文,可标记处理或忽略。
- 聊天记录:后台可按时间、类型、昵称筛选,openid 展示自动脱敏,支持导出 Excel(最多 30 天),记录保留 90 天。
- 操作日志:记录后台所有增删改与 H5 管理操作(踢人、禁言等),含时间、角色、模块、摘要与 IP,仅超管可见、永久保留。
该系统的定时开播与循环播放能力也常被用于知识付费场景的预录课程全天候播出。直播短视频类目的其他方案,可移步直播短视频与互动栏目查看。