透明叠加能力 · 动态演示

你的游戏照常播,互动特效浮在上面

不用改游戏、不用装插件、不用把网页塞进我们的系统。在 OBS 里加两个浏览器源:底层放你的画面,上层放 PK星球,弹幕、礼物、票数就实时叠了上去。下面这个演示可以直接动手试。

网页小游戏手游投屏Steam 单机摄像头 / 才艺直播伴侣也能用
可以动手的演示

把上层关掉,差别一眼就看出来

下面是浏览器里等效还原的 OBS 画布:底层是你的游戏画面,上层是 PK星球真实的直播画面(透明背景)。点一下开关,看互动层消失和出现;也可以换底层画面、调上层不透明度。

关卡 3-2得分 12,480
超级跳跃
网页小游戏 · 底层画面示意
底层 · 你的游戏画面
上层 · 弹幕 / 礼物 / 票数
演示画面加载中…
↑ 等效预览:两层叠在一起,就是观众在直播间看到的画面
双图层 · 叠加生效

游戏画面照常播,弹幕、礼物、票数与特效浮在上层,互不干扰。

这是站内等效预览,用的是真实直播画面(演示数据)。真实开播不用这套参数,照下面三步在 OBS 里加两个浏览器源就行。

三步,5 分钟

在 OBS 里怎么摆这两层

核心只有一句:两个浏览器源,上层透明、排在上面。已有的推流方式、摄像头、场景,一个都不用动。

01 · 底层

放你的游戏画面

网页游戏就再加一个「浏览器源」填游戏网址;Steam / 客户端游戏用「游戏捕获」或「窗口采集」;手游用投屏窗口。这一层完全是你自己的内容,PK星球不碰它。

来源 → + → 浏览器 / 窗口采集 / 游戏捕获
02 · 上层

加 PK星球画面

再加一个「浏览器源」,粘贴你的直播画面地址,宽高填 1080 × 1920,取消勾选「关闭源时关闭页面」。每个玩法还有各自的专属地址,控制台「OBS 接入」里可以复制。

来源 → + → 浏览器 → 粘贴 /live 地址
03 · 透明

让上层透出底层

在这个浏览器源的「自定义 CSS」里填一行透明背景,然后把这一层拖到来源列表最上方。忘了这步,上层就是一整块深色实底,会把游戏画面盖住。觉得上层模块铺得太满,去控制台「画面工坊」关掉用不上的榜单/计分板,只留票数和特效。

body { background-color: rgba(0,0,0,0); }
可直接复制的 OBS 配置

    

第一次配建议直接导入 官方 OBS 预设,透明背景和尺寸都调好了;完整步骤见 开播向导第 2 步。

把边界说清楚

能做什么,不能做什么

这个能力很强,但不是「万能外链」。下面这两列建议照着对外讲,免得承诺过头。

可以这样用

  • 网页小游戏、手游投屏、Steam / 客户端游戏、摄像头才艺画面,都能当底层
  • 弹幕、评论、点赞、礼物实时驱动上层的票数、榜单与整蛊特效
  • 上层可随时开关、调透明度、换主题,底层游戏一行代码都不用改
  • 直播伴侣可以用「窗口采集」收画面,或把 OBS 虚拟摄像机作为画面源

不是这样用

  • 不是把第三方游戏 iframe 嵌进 PK星球页面——绝大多数站点会用 X-Frame-Options 拒绝,直接白屏
  • 不是「填任意外链就自动生成一条 live 地址」,live 地址是系统内的玩法画面路由
  • 两层画面互不通信,弹幕驱动的是我们这一层;游戏本体不会自动响应礼物
  • 把别人的游戏嵌进付费产品对外直播,需先取得商业使用授权
想让游戏本体也响应弹幕?用开放事件接口自己接:长轮询 GET /api/events/poll?token=…&after=…,或带 HMAC-SHA256 签名的 Webhook,把 gift / comment / like / join / follow 翻译成游戏内的加分、放技能、换皮肤。控制台「事件 API」页有完整字段说明与令牌。
常见问题

配之前最常被问的四个

上层会不会把我的游戏画面挡住?

不会,前提是两件事:这一层的自定义 CSS 填了透明背景那一行,并且它在 OBS 来源列表里排在游戏源上方。没填 CSS 就会是一整块深色实底,把底层盖住——这也是最常见的一个配置错误,本页第 3 步专门标了。

我一直用直播伴侣,一定要换 OBS 吗?

不用二选一。直播伴侣没有「浏览器源」,但可以用「窗口采集」收画面;也可以让 OBS 只负责叠特效,点「启动虚拟摄像机」,再到直播伴侣里把 OBS 虚拟摄像头加为画面源,摄像头和背景留在直播伴侣,两边同时用。要注意窗口采集的清晰度上限是显示器分辨率,竖屏高清推流仍建议 OBS 浏览器源。

两个浏览器源会不会很吃性能?

会多一份渲染开销:底层游戏 + 上层特效 + OBS 编码。近五年内的电脑基本没问题;如果掉帧,先把上层特效里不用的动效关掉,或降低推流分辨率。只要把上层源隐藏,就回到单源的开销。

看这个演示要注册吗?正式用要装什么?

演示页不用登录,直接看。正式开播需要一台能跑 OBS 的电脑和账号,照 开播向导 三步走完即可;不用开放路由器端口,也不用懂代码。

今晚就能给你的游戏加一层互动

底层不变,上层交给 PK星球。注册后照着向导走,5 分钟出画面。