iframe 嵌入教程

一行代码，将光为云记分牌嵌入任意网页、OBS直播或大屏部署

通用嵌入代码

将以下代码复制到你需要展示记分牌的网页中：

<iframe src="https://www.guangwei.cloud/scoreboard" style="width:100%;height:700px;border:0;" allowfullscreen></iframe>

适配场景

🌐 网页内嵌

将记分牌嵌入赛事官网、活动页面，访客可直接在网页中查看实时比分。

📺 直播导播

OBS 添加"浏览器"源，粘贴记分牌地址，透明背景叠加层完美融入直播画面。

🖥️ 大屏部署

全屏投屏到体育馆 LED 屏、投影仪，16:9 适配，现场观众清晰可见实时比分。

OBS 配置步骤

  1. 创建房间：打开篮球/足球控制台，输入操作员姓名，点击"开始"创建房间
  2. 获取链接：点击底部"分享"按钮，复制"观看链接"（透明叠加层地址）
  3. 添加源：在 OBS 场景中点击"+" → "浏览器"，粘贴复制的链接
  4. 调整尺寸：设置宽度和高度（建议 1920×1080），透明背景自动适配
  5. 开始直播：记分牌实时同步控制台操作，无需额外配置

vMix 配置步骤

  1. 创建房间后，点击底部"分享"按钮
  2. 选择"XML 数据" Tab，复制数据源地址
  3. 在 vMix 中添加 "Data Source"，选择 XML 类型
  4. 粘贴数据源地址，XPath 填写 /scoreboard
  5. 在 vMix 标题模板中使用字段：homeTeam、awayTeam、homeScore、awayScore、quarter、timeLeft 等

篮球记分牌嵌入链接

透明叠加层：https://basketball.guangwei.cloud/view.html?room=房间ID
投屏页面：https://basketball.guangwei.cloud/cast.html?room=房间ID
XML数据源：https://basketball.guangwei.cloud/xml/房间ID
JSON数据源：https://basketball.guangwei.cloud/json/房间ID

足球记分牌嵌入链接

透明叠加层：https://football.guangwei.cloud/view.html?room=房间ID
投屏页面：https://football.guangwei.cloud/cast.html?room=房间ID
XML数据源：https://football.guangwei.cloud/xml/房间ID
JSON数据源：https://football.guangwei.cloud/json/房间ID