ARTICLE DETAIL

资讯详情

深耕网站视觉设计与运营推广的一线实战洞察。

在 OBS 里让按键自己“说话“:Input Overlay 实战笔记

在 OBS 里让按键自己“说话“:Input Overlay 实战笔记 在 OBS 里让按键自己说话Input Overlay 实战笔记【免费下载链接】input-overlayShow keyboard, gamepad and mouse input on stream项目地址: https://gitcode.com/gh_mirrors/in/input-overlay你正在直播弹幕问刚才那个连招按了哪几个键你自己都答不上来。这类场景在游戏直播、软件教学里非常常见OBS 输入显示插件 Input Overlay 就是为它准备的把键盘、鼠标、手柄的输入实时捕获画到画面里每个按键、每次点击都摊在观众面前。这款 OBS 输入显示插件到底在做什么Input Overlay 是一个 OBS Studio 源插件加一个源你按下的输入就会在画面上实时点亮Windows 和 Linux64 位都能跑。下面这个键盘 鼠标的画面不是游戏截图它渲染的就是你真实的输入。先搞懂两个词preset 和 element跑起来之前先把两个词理顺后面看配置就不迷糊了。preset预设一份完整的布局文件JSON决定显示哪些键、长什么样、放在哪张纹理上。presets/ 里每个文件夹就是一个预设比如 wasd 只画 W/A/S/D 四个键。element元素预设里的最小单位。一个键盘键、一个鼠标按钮、一根摇杆、一个扳机各是一个 element靠code字段绑定到真实设备的键码。所谓调布局本质上就是在编辑一组 element。5 步跑起来 OBS 输入显示插件最短路径克隆仓库git clone https://gitcode.com/gh_mirrors/in/input-overlay编译插件不想编译的话可以直接去 release 页拿 Windows / Linux 64 位预编译包。把产物放进 OBS 的 plugins 目录重启 OBS。在源列表里添加 Input Overlay 源。选一个 presets/ 里的 JSON调位置、大小、透明度收工。预设库有 30 多个现成布局常用的几个预设适用设备一句话说明wasd/键盘只有移动键FPS 直播最干净的选择qwerty/键盘完整键盘适合教学演示dualsense/PS5 手柄完整按钮、摇杆、扳机映射xbox-controller/Xbox 手柄完整映射另有显示玩家编号的版本mouse/鼠标左右键、滚轮、侧键都有它对你的键盘、手柄、鼠标各做了什么键盘每个键都有自己的点亮状态如果你用键盘它会这样表现——按下 WW 的块就亮起来松开恢复原样。键名和键码是分离的code绑定真实键码id决定画面上的字样所以你换键盘布局也不会错位。布局从极简到全尺寸都有按需挑预设适用场景特点wasd/FPS、动作游戏只画 4 个键另有加方向键的版本qwerty/编程教学、办公演示完整布局快捷键一目了然wasd-extended-numeric/数据录入、MMOWASD 加完整数字小键盘qwertz_full_size_german/德语布局QWERTZ 全尺寸gameboy-pixel/像素风只有几十像素高塞在画面角落手柄摇杆和扳机是独立的元素如果你用手柄它会这样表现——按下 ABXY对应按钮点亮推动摇杆预设里的圆点实时跟手移动扳机这类模拟键按你按下的深度分级点亮。摇杆、扳机、方向键各自有独立的 element 类型所以连第几个手柄在操作1~4 号手柄编号都能显示出来。预设库里 xbox-controller/、dualsense/、switch-pro-controller/ 各自成套还收着 gamecube/、snes/、nes/ 这些老机型布局。鼠标点击、滚轮和移动轨迹如果你用鼠标它会这样表现——左右键点击鼠标外形上对应的一半高亮滚轮上滚 / 下滚滚轮元素里有方向指示移动追踪一个小点或箭头在画面里跟随真实光标两种样式dot / arrow可选组合展示中键、侧键 1、侧键 2 都有独立元素多点齐下时互不遮挡把 OBS 输入显示布局调成自己想要的样子预设文件就是 JSON最小示例摘自 wasd-minimal.json{ default_width: 157, default_height: 128, elements: [ { type: 1, id: w, code: 17, pos: [274, 0], mapping: [161, 1, 157, 128], z_level: 1 } ] }字段含义type是元素类型1 键盘键id是画面上的字样code是真实键码pos是它在画面上的位置mapping是它在纹理图里裁出的区域。改一个数字布局就动一块套路就这么多。不想碰数字的话docs/cct/ 里有一个在线布局创建工具打开 HTML 页面拖拽布局、实时预览导出就是 JSON。界面语言在 data/locale/ 下共 9 种 .ini 文件en-US、zh-CN、zh-TW、de-DE、fr-FR、es-ES、ko-KR、pt-BR、ru-RU按系统语言自动切换。跑起来之后的表现和能用一招解决的问题性能上它很安静实际占用 CPU 低于 1%内存 50 MB 以内渲染稳定在 60 FPS不会挤占你的直播帧率。容易碰上的事基本都是这几类现象大概率原因一招解决按键不点亮输入捕获权限不足Windows 下用管理员权限运行 OBSLinux 检查 hook 权限布局错位预设尺寸和源尺寸不匹配源尺寸恢复默认或调整 element 的 pos / mapping手柄不识别驱动或映射缺失先确认系统游戏控制器设置里能认出它延迟偏高覆盖层分辨率开太大调低覆盖分辨率或减少 element 数量再深一点的问题从 docs/ 里的安装和使用说明开始翻。谁在用它还能往哪走电竞教练用它逐帧拆选手操作哪个键在什么时机按下、连招间隔多少、习惯里藏什么弱点全摊在画面上一目了然。编程和软件教学里老师不用再说按 CtrlS 保存画面上的键自己会亮学生直接看清该按哪个。远程协作时一个人共享屏幕、另一个人看着输入显示现在动的是哪台机器、哪个输入很快就能对上。目前的形态是 Windows / Linux 的 OBS 插件client/ 里还有一个无头客户端把输入通过网络转发给另一台机器上的 OBS装不了插件时可以用它——注意它的流量不加密别在不可信网络上用。后续演进也基本围绕这两种形态展开。挑一个合适的 preset 放进 OBS十分钟后你的按键就在画面上了。想从零画一个先打开 docs/cct/ 拖一份初稿。【免费下载链接】input-overlayShow keyboard, gamepad and mouse input on stream项目地址: https://gitcode.com/gh_mirrors/in/input-overlay创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表