手把手教你搭建直播节奏自动化运营中控台

技术方案选型与架构说明

解决直播节奏混乱的核心在于将“人脑记忆”转化为“系统提示”。本文将采用 Python 的 Flask 框架结合 Flask-SocketIO 构建一个轻量级的 WebSocket 服务，实现毫秒级的指令下发。系统包含两个核心界面：一个是给主播看的提词器界面，另一个是给场控/运营使用的操作台。运营在后台点击“过款”或“上链接”，主播面前的 OBS 画面立即通过浏览器源实时更新大字提示。此方案无需购买服务器，本地电脑即可运行，零成本且延迟极低。

环境准备与依赖安装

在开始编码前，需要确保本地环境已安装 Python 建议版本为 3.8 或 3.9。为了避免环境冲突，请务必创建一个新的虚拟环境。打开终端或命令提示符，依次执行以下命令：

• 创建项目目录并进入：mkdir live-rhythm-controller && cd live-rhythm-controller
• 创建虚拟环境：python -m venv venv
• 激活虚拟环境（Windows）：venv\Scripts\activate
• 激活虚拟环境（Mac/Linux）：source venv/bin/activate
• 安装核心依赖包：pip install flask flask-socketio eventlet

注意：必须安装 eventlet，它是 WebSocket 服务高性能运行的关键库，如果不安装，系统将退回到低效的轮询模式，导致直播画面卡顿。

后端服务代码编写

在项目根目录下创建 app.py 文件。这个文件将作为服务器的主入口，负责处理页面路由和 WebSocket 通信。以下是完整的、可直接复制的代码：

```python from flask import Flask, render_template from flask_socketio import SocketIO, emit app = Flask(__name__) app.config['SECRET_KEY'] = 'secret_key_live_rhythm' 使用 eventlet 或 gevent 作为异步服务，提升性能 socketio = SocketIO(app, cors_allowed_origins="", async_mode='eventlet') 定义直播节奏数据结构，可根据实际需求修改 RHYTHM_DATA = { "current_action": "待机", "content": "等待直播开始...", "timer": 0, "bg_color": "000000" } @app.route('/') def index(): """主播视图：OBS浏览器源访问的地址""" return render_template('index.html') @app.route('/control') def control(): """运营控制台：场控操作的地址""" return render_template('control.html') @socketio.on('connect') def handle_connect(): """客户端连接时自动推送当前状态""" emit('update_rhythm', RHYTHM_DATA) @socketio.on('change_rhythm') def handle_change_rhythm(data): """接收运营端的指令，更新状态并广播给所有连接的客户端""" global RHYTHM_DATA action = data.get('action') 简单的逻辑判断，实际可扩展为读取JSON配置文件 if action == 'intro': RHYTHM_DATA.update({"content": "⚠️ 开场预热 ⚠️", "bg_color": "FF4500"}) elif action == 'product_1': RHYTHM_DATA.update({"content": "🔥 上架爆款A 🔥", "bg_color": "FFD700"}) elif action == 'product_2': RHYTHM_DATA.update({"content": "🔥 上架爆款B 🔥", "bg_color": "FFD700"}) elif action == 'lottery': RHYTHM_DATA.update({"content": "🎉 截屏抽奖 🎉", "bg_color": "FF1493"}) elif action == 'clear': RHYTHM_DATA.update({"content": "", "bg_color": "000000"}) 广播更新，确保主播端和运营端同步 emit('update_rhythm', RHYTHM_DATA, broadcast=True) if __name__ == '__main__': host='0.0.0.0' 允许局域网内其他设备访问，port=5000 可自行修改 print("服务已启动：主播端访问 http://127.0.0.1:5000") print("运营端访问 http://127.0.0.1:5000/control") socketio.run(app, host='0.0.0.0', port=5000, debug=True) ```

前端主播视图代码

在项目根目录下创建 templates 文件夹，并在其中新建 index.html。这个页面将显示在 OBS 画面中，因此样式必须极简、高对比度，且背景透明以便覆盖在直播视频上。代码如下：

```html ```

运营控制端代码

同样在 templates 文件夹下新建 control.html。这是给运营人员使用的界面，需要包含大按钮以便快速点击，防止误触。代码如下：

```html 直播节奏中控台 ```

OBS配置与联调

代码编写完成后，即可启动服务并进行 OBS 配置。请严格按照以下步骤操作，确保画面层级正确。

步骤 1：启动服务
在终端中确保虚拟环境已激活，运行命令：python app.py。看到输出“服务已启动”即代表成功。

步骤 2：添加浏览器源
打开 OBS Studio，在“来源”区域点击 + 号，选择“浏览器”。命名该来源为“节奏提示”。

步骤 3：设置 URL 参数
在弹出的属性框中，URL 一栏填写：http://127.0.0.1:5000。
宽度 设置为 1920，高度 设置为 1080（根据你的画布分辨率调整）。
勾选“关闭源时卸载文件”和“启用音频”（虽然此处无音频，但建议开启以备后续扩展）。

步骤 4：调整层级与交互
将新建的“节奏提示”浏览器源拖拽到来源列表的最顶端，确保它覆盖在摄像头或游戏画面之上。右键点击该源，选择“交互”，此时你可以测试点击（虽然主播端不需要点击，但这可用于调试 JavaScript 报错）。实际直播中，无需开启交互模式，仅作为画面展示。

节奏数据自定义与扩展

目前的节奏逻辑硬编码在 app.py 的 handle_change_rhythm 函数中。为了适应不同的直播脚本，建议修改逻辑以读取外部 JSON 文件。

在根目录创建 rhythm_config.json：

```json { "intro": {"text": "⚠️ 欢迎来到直播间 ⚠️", "color": "FF4500"}, "focus_1": {"text": "🔥 仅限50单！手慢无 🔥", "color": "FF0000"}, "focus_2": {"text": "💰 亏本冲量 💰", "color": "FFD700"} } ```

然后修改 Python 代码，引入 json 库并在函数开头使用 json.load 读取配置。这样运营人员无需修改代码，只需更改 JSON 文件即可调整提示语和背景色。如果需要在局域网内的其他电脑（如运营用的笔记本）控制主播电脑的 OBS，请确保主播电脑的防火墙允许 5000 端口入站，并将 control.html 中的连接地址修改为主播电脑的局域网 IP（例如 http://192.168.1.5:5000）。