录播仿直播录播当直播微信H5直播间定时开播下播、自动...

zhang*** · 昨天 15:40

录播仿直播录播当直播微信H5直播间定时开播下播、自动切换视频，管理员助理双角色权限体系

复制代码

---
## 项目概述
本项目是一个"录播仿直播"互动H5系统，包含三个子项目：面向普通用户的移动端H5页面(h5)、面向运营人员的管理后台PC端(admin)、以及提供接口与实时通信的后端服务(server)。
核心设计思想是用预录视频替代实时推流，配合定时开播下播计划，让用户感知为"正在直播"。同时利用虚拟弹幕、虚拟进场、虚拟送花等氛围功能营造真实互动感。全局仅有一个直播间，不存在多房间概念。
---
## 一、用户端H5直播间
用户端是一个在微信内置浏览器中打开的移动端页面，页面自上而下分为视频播放区、互动聊天区、底部输入栏三个区域。
### 1. 微信授权登录
用户打开直播间链接时触发微信网页授权流程。系统静默获取用户的openid，同时获取微信头像和昵称。登录成功后，用户身份在30天内有效。若用户拒绝授权，页面会显示"需要微信授权才能进入直播间"的提示，并提供重新授权的入口。
如果用户在非微信环境（如普通浏览器）中打开链接，系统通过User-Agent检测到不是微信内置浏览器后，会显示引导页，提示用户"请在微信中打开此链接"，并提供一键复制链接的功能。
### 2. 视频播放与伪直播进度同步
视频区域位于页面最顶部。后台配置一个或多个预录视频（支持mp4直链和m3u8地址），按设定的播放列表顺序循环播放。用户看不到视频进度条、播放暂停按钮和全屏按钮，无法拖拽进度、倍速播放或下载视频，完全模拟真实直播的观看体验。
系统最核心的功能是伪直播进度同步机制。服务端维护一条虚拟直播时间轴：从当前定时计划的开播时间开始计时，根据播放列表中所有视频的时长之和，计算出当前时刻应该处于哪个视频的哪个时间点。无论用户何时进入、刷新页面、切换设备，都是请求服务端接口获取"当前应播放的视频和偏移秒数"，然后从该位置开始播放。所有在线用户在同一时间看到同一视频的同一位置，误差控制在2秒以内。
视频切换采用双video标签交替播放方案，两个视频之间通过0.5秒的淡入淡出过渡，实现无缝衔接。播放列表最后一个视频播完后自动回到第一个，循环播放。
声音策略方面，视频默认静音自动播放。微信授权登录时用户的"允许"点击作为用户交互手势，授权完成后自动开启声音。已登录用户再次进入时直接有声播放。
视频安全防护方面，播放地址通过接口动态获取，以加密形式返回，前端解密后赋值给video标签。本地视频文件还附加了时效签名，签名在5分钟后过期需要重新请求。视频标签不渲染下载控件和倍速控件，禁用了右键菜单防止保存视频。
系统还实现了防息屏功能，优先使用Screen Wake Lock API，在不支持的设备上降级为循环播放静音音频保持屏幕唤醒。
### 3. 直播状态展示
视频区左上角显示直播状态标签。直播中时显示红色"直播中"标签和在线人数胶囊（格式如"1.2万在线"），人数为真实在线用户加上虚拟在线用户的合计值，每15秒刷新一次。未开播时显示黑色背景和倒计时，格式为"距开播 HH:MM:SS"。直播已结束时显示黑色背景和"本场直播已结束"提示。
### 4. 互动聊天区
聊天区位于视频区下方，包含"互动聊天"标题栏和消息列表。消息列表支持上下滚动，新消息自动滚动到底部。当用户在上翻历史消息时，底部会出现"新消息"蓝色胶囊按钮，点击可跳转到最新消息。
消息类型包含以下几种：
- 普通用户弹幕：左侧圆形头像加右侧昵称和消息气泡，气泡为白色圆角背景，最大宽度为屏幕宽度的70%，单条最多50个字符。
- 管理员和助理弹幕：与普通弹幕基本一致，但昵称后方紧跟专属徽章（管理员为红底"管理员"，助理为蓝底"助理"）。
- 进场提示：任何用户进入直播间时显示"「昵称」来了"，灰色小字。3秒内超过5人进场时自动合并显示。
- 送花消息：用户点击送花按钮后显示"「昵称」给老师送出鲜花"，粉红色字体。5秒内连续点击自动合并为送出N朵鲜花。
- 全屏图片消息：管理员或助理发送的图片浮层，覆盖整个屏幕，半透明黑色遮罩，5秒后自动消失或点击关闭。
- 全屏字幕消息：视频区底部叠加从右向左匀速滚动的字幕，白色大字在半透明黑条上，支持1到5次重复播放，多条字幕排队依次播放。
- 引用回复消息：管理员或助理长按某条消息后选择"引用回复"，回复消息上方显示被引用内容的灰色引用块。
- 自动欢迎语：用户每次进入直播间时显示，浅黄色底居中文字，仅当前用户自己可见。
聊天区还包含时间分隔线：相邻两条消息间隔超过5分钟时，中间插入灰色时间分隔线。页面内最多保留最近200条消息的DOM节点，超出部分自动移除旧节点，完整记录在后台可查询。
### 5. 底部输入栏
底部输入栏固定在页面最下方，从左到右依次为输入框、表情按钮、鲜花按钮、更多按钮。输入框为圆角胶囊样式，聚焦时显示蓝色边框，支持键盘发送。发送频率限制为每秒最多3条。
表情按钮点击后弹出底部表情面板，包含20个常用emoji表情（如笑脸、点赞、鲜花等），4列5行排列，点击可将表情插入输入框。
鲜花按钮点击后立即送出一朵鲜花，无需确认弹窗。支持连续快速点击，每次一朵，伴有按压放大回弹动画和鲜花飘过动画。5秒内连续点击自动合并为一条消息。送花功能免费且无限量。
更多按钮对普通用户仅显示"举报"选项；对管理员和助理额外显示"踢人"、"禁言"、"发全屏图片"、"发全屏字幕"、"引用回复"等管理操作入口。
键盘弹起时，整个页面上推，保证输入栏紧贴键盘上方完整可见，兼容iOS、Android和鸿蒙系统的不同键盘行为。
### 6. 用户端管理操作
管理员和助理在H5端拥有以下管理能力：
- 踢人：从当前在线真实用户列表中选择目标用户，确认后将目标用户移出直播间，该用户在本场次内无法重新进入。
- 禁言：选择目标用户并选择禁言时长（5分钟、30分钟或本场永久），目标用户输入框变为不可用状态。
- 发全屏图片：从手机相册中选择一张图片（jpg或png格式，不超过5MB），上传后所有在线用户立即看到全屏图片浮层。
- 发全屏字幕：输入最多30字的字幕内容和1到5次重复次数，所有在线用户视频区出现滚动字幕。
- 引用回复：长按聊天区任意消息，选择"引用回复"后输入回复内容，发送后消息带引用块显示。
### 7. 被踢与被禁言处理
被踢出的用户页面显示全屏提示"您已被管理员移出直播间"，在当前定时计划场次内无法重新进入，场次结束后自动解封。被禁言的用户可以正常观看视频和聊天内容，但输入框置灰不可使用，禁言到期后自动恢复并提示"禁言已解除"。
---
## 二、管理后台PC端
管理后台是提供给运营人员在PC上使用的Web页面，包含登录鉴权、直播间配置、视频管理、定时计划、虚拟互动、风控管理、系统管理等模块。
### 1. 登录与权限
后台登录需要输入账号、密码和4位图形验证码。登录后Token有效期为24小时。
系统定义两种角色：超级管理员拥有全部权限，助理拥有基础管理权限（踢人、禁言、发全屏消息、查看聊天记录等），但不能修改任何后台配置项、不能增删人员、不能查看操作日志。
助理管理模块仅超级管理员可见，支持新增助理（设置用户名、昵称、初始密码）、编辑助理信息、重置密码、启用或禁用助理账号、逻辑删除助理等功能。禁用后的助理无法登录后台，H5端管理标识消失且操作权限被收回。
管理员和助理在H5端的身份识别通过微信绑定实现。后台为每个助理账号提供"绑定微信"功能，生成5分钟有效的临时授权码和二维码，助理用微信扫码完成授权绑定后，其微信openid与该助理账号关联。此后该微信用户进入H5直播间时，系统自动识别为助理身份，显示蓝色"助理"徽章和管理操作入口。超级管理员首次登录后台时也需要绑定微信，绑定后显示红色"管理员"徽章。
### 2. 数据概览首页
Dashboard展示四个统计卡片：今日UV（独立访客数）、今日峰值在线人数、今日弹幕数、今日送花数。下方展示近7天每日UV折线图。右侧显示当前直播间状态（直播中/未开播/已结束）、当前在线人数、当前播放的视频名称。超级管理员可见"立即开播"和"立即下播"快捷操作按钮，用于临时覆盖定时计划。
### 3. 直播间配置
支持配置以下内容：直播间标题（最多20字）、自动欢迎语（最多50字）、分享封面图、分享描述文案、弹幕字数上限（10到100可调）、送花开关、聊天开关、进场提示开关。修改配置后通过Socket.IO实时推送给所有在线H5端，即时生效无需等待轮询。
### 4. 视频管理
视频管理模块支持两种来源添加视频：本地上传（支持mp4格式，单文件最大2GB，自动获取时长和生成首帧缩略图）和云存储链接（输入mp4直链或m3u8地址，服务端通过HEAD请求验证链接有效性）。视频可编辑名称和替换文件，仅"待用"状态的视频可删除。
播放列表管理支持从全部视频中勾选加入列表，通过拖拽排列播放顺序。列表总时长自动计算并显示。开播前播放列表中至少保留1个视频。修改播放列表后通过Socket.IO实时推送给所有H5端，前端立即重新校准伪直播进度。
### 5. 定时直播计划
定时计划管理支持创建和编辑开播计划，包含计划名称、开播时间、下播时间、循环类型（单次、每日循环、自定义每周星期）、关联播放列表、启用状态。系统通过定时任务自动检测当前时间是否在某个启用计划的时段内，自动切换直播状态。
运行逻辑：当前时间在某计划时段内则为"直播中"，视频自动播放，虚拟互动启动。不在任何计划时段则显示"未开播"（下一场在24小时内时显示倒计时）或"已结束"。多计划重叠时取最新创建的。每日循环计划每天在设定时段自动开播下播。手动"立即开播"和"立即下播"可临时覆盖定时计划，仅本次有效。场次切换时，H5端清空聊天区，开始新的消息会话。
### 6. 虚拟互动配置
虚拟互动总开关支持"真实模式"和"氛围模式"切换。真实模式关闭所有虚拟功能，仅展示真实用户互动。氛围模式下各子功能可独立开关。
虚拟在线人数：设置基础虚拟人数和浮动范围，每隔30秒随机增减，虚拟加真实人数不超过设定的上限。
虚拟用户自动进场：每隔N秒（5到60秒可设）随机从虚拟昵称库中取一个昵称，生成"「昵称」来了"的进场提示。昵称不重复使用，一轮用完后打乱重新开始。未开播倒计时阶段也可运行虚拟进场。
虚拟弹幕：每隔N秒（3到30秒可设）随机取虚拟昵称和头像发送一条弹幕，与真实用户弹幕完全一致无标识区分。为提高真实感，连续两条虚拟弹幕内容相同时会自动跳过重取。
虚拟弹幕支持分时段话术配置：开场阶段（开播后N分钟内）、中场阶段、收尾阶段（下播前N分钟内）分别从对应的话术库中随机取用。每个话术库最多200条。
虚拟送花：每隔N秒（10到120秒可设）以虚拟昵称发送一次送花消息，有10%概率触发连续送出2到5朵鲜花。
虚拟昵称库：最多500个昵称，支持录入和txt文件批量导入。虚拟头像库：最多200张头像，支持批量上传（jpg、png、gif格式），虚拟用户按昵称哈希固定取用头像，同一昵称始终绑定同一头像。
### 7. 违禁词管理
最多500个违禁词，支持单个添加和批量导入（每行一个，一次最多100个）。匹配规则为包含匹配（消息中出现违禁词子串即命中），不区分大小写。命中违禁词的消息不发出，前端提示"消息包含敏感内容，发送失败"，后端记录拦截日志（包含用户昵称、消息内容、命中词、时间）。违禁词列表缓存在内存中，新增或删除后即时刷新。
### 8. 举报管理
H5端用户可举报违规消息，需选择举报理由（垃圾广告、色情低俗、人身攻击、其他），可填写补充说明（最多100字）。同一用户对同一消息仅可举报1次，单用户每小时最多举报5次。多人举报同一消息时在后台合并显示。
后台举报管理列表显示举报时间、举报人和被举报人信息、举报理由、补充说明、被举报消息内容、处理状态。管理员可查看举报详情（含被举报人前后10条聊天上下文），标记已处理（可填写处理备注）或忽略。顶部展示今日举报数、待处理数、本周已处理数的统计卡片。
### 9. 聊天记录管理
后台可查询所有聊天记录，支持按时间范围、消息类型（弹幕、进场、送花、系统）、用户昵称模糊搜索、仅看被拦截消息等条件筛选。用户openid在展示时自动脱敏处理（保留前6位和后4位）。支持按筛选条件导出Excel文件，最多导出30天数据。聊天记录保留90天。
### 10. 送花记录管理
记录每次送花的时间、用户昵称、数量、是否虚拟。支持按时间范围和用户昵称筛选，展示今日送花总数和本周送花总数统计。支持Excel导出。
### 11. 操作日志
记录后台所有增删改操作和H5端管理操作（踢人、禁言、发全屏消息等）。日志字段包含时间、操作人角色和昵称、操作模块、操作内容摘要、IP地址。仅超级管理员可见，日志永久保留。
---
## 三、核心业务规则
### 直播间状态机
系统有三种状态：未开播（倒计时）、直播中、已结束。状态由服务端根据定时计划和手动覆盖指令决定。"直播中"状态下视频循环播放、聊天可正常互动、虚拟互动运行、输入框可用。"未开播"状态下显示倒计时、聊天可见但输入框禁用。"已结束"状态下显示结束提示、聊天只读不可发新消息。
### 伪直播进度同步
核心公式为：elapsed等于（当前时间戳减去开播时间戳）对播放列表总时长取模，然后遍历播放列表定位到当前视频和偏移秒数。所有在线用户通过Socket.IO接收状态变更通知，前端每30秒向服务端请求校准一次进度。偏差超过5秒时主动重新请求校准。
### 消息审核流程
用户发送消息后，先经过前端基础校验（非空、字数限制），再提交到后端进行违禁词匹配。命中违禁词则消息不发出并记录拦截日志，通过则通过Socket.IO广播给所有在线用户并写入数据库。
### 虚拟内容与真实内容混合
H5端虚拟消息与真实消息完全混排，无任何标识区分。后台可通过"是否虚拟"字段区分，便于运营审计。虚拟消息不检测违禁词（话术库由运营审核），虚拟用户不出现在在线用户列表中，不可被踢或被禁言。
基于对项目源码的仔细阅读，我提炼出该系统的核心功能关键词（录播仿直播、伪直播进度同步、虚拟互动、定时开播、微信H5直播间、弹幕氛围等），为源码推广撰写以下SEO优化标题，按不同推广角度分类：
---
## 一、核心卖点型
1. 录播仿直播系统源码，用预录视频循环播放打造全天候"真直播"体验
2. 伪直播神器：一套源码让录播视频按播放列表无缝循环，观众看不出是录播
3. 高仿直播间完整源码：定时开播下播、自动切换视频，无人值守也能直播
4. 直播氛围造假黑科技：虚拟弹幕加虚拟在线人数，直播间热闹值拉满
5. 录播当直播播的系统源码：全局进度同步，所有人看到的画面完全一致
## 二、功能特性型
6. 支持定时计划开播下播的直播间源码，单次、每日循环、每周循环三种模式
7. 虚拟互动引擎源码：虚拟进场、虚拟弹幕、虚拟送花全自动运行
8. 带伪直播进度同步的H5直播间源码，刷新重进进度不丢、跨设备同步
9. 三时段话术库虚拟弹幕源码：开场、中场、收尾自动切换话术
10. 虚拟在线人数浮动源码：基础人数加随机波动，30秒自动增减
11. 微信扫码绑定身份的直播间源码，管理员助理双角色权限体系
12. 直播间实时管控源码：在线用户列表、踢人、禁言、发全屏消息一键完成
13. 全屏图片加滚动字幕功能源码，直播中随时弹窗触达所有观众
14. 违禁词自动拦截系统源码，消息包含敏感内容自动拦截并记录日志
15. 用户举报加后台处理流程源码，举报合并去重、上下文详情一应俱全
16. 聊天记录90天留存加Excel导出源码，弹幕送花进场全类型可查
17. 送花互动源码：免费无限送花、连击合并消息、飘花动画全屏展示
18. 表情面板弹幕输入框源码，键盘适配iOS安卓鸿蒙全兼容
## 三、应用场景型
19. 微信H5直播间源码，授权登录即可看播，无需下载任何App
20. 带货直播间氛围搭建源码，录播循环播放加虚拟互动营造真实人气
21. 电商运营利器：一套源码同时管理录播视频、开播计划和互动话术
22. 知识付费直播源码：预录课程定时循环播放，24小时不断播
23. 虚拟直播卖货系统源码，无人直播自动运行，降低成本提高效率
24. 直播防下播源码方案：多个视频列表循环衔接，永不黑屏卡顿
25. 直播间冷启动解决方案源码：虚拟观众进场营造等待氛围
## 四、数据运营型
26. 直播间数据看板源码：今日UV、峰值在线、弹幕送花统计一目了然
27. 近7天趋势图加实时状态面板源码，运营数据尽在掌握
28. 操作日志全记录源码：后台所有操作留痕，安全审计有据可查
---
以上标题均围绕代码中真实存在的功能撰写，可直接用于项目介绍页、开源平台描述、技术博客、推广文章等场景，也可按需组合调整关键词密度。

复制代码

qwerd*** · 昨天 15:40

支持！！！

qql*** · 昨天 15:40

你历害！！

abba*** · 昨天 16:38

支持！！！

yoyo*** · 昨天 21:52

已加客服

xiaotiao*** · 昨天 22:56

非常好！！

		自动登录	找回密码
密码			立即注册

录播仿直播录播当直播微信H5直播间 定时开播下播、自动...

录播仿直播录播当直播微信H5直播间 定时开播下播、自动...

录播仿直播录播当直播微信H5直播间定时开播下播、自动...

录播仿直播录播当直播微信H5直播间定时开播下播、自动...