StreamLyric 指南Overlay 样式

OBS 歌词 Overlay 布局指南

让浏览器源匹配 1920×1080 或 1080×1920,先占住镜头和提醒区,然后横屏大约 32–48px,手机优先竖屏大约 36–56px。

OBS 歌词布局竖屏歌词 Overlay1080×1920 OBS 浏览器源

规划 1920×1080 横屏场景

横屏通常有更多水平空间给单行播放器或下三分之一多行区。从下三分之一或表演者旁边的歌词安全区开始,并离开画布边缘留出可见边距。

把镜头、乐器、游戏或表演控件、聊天栏、提醒、字幕放在该区域外。若提醒会短暂出现,按它的最大占地预留,而不是把歌词放在下面。

OBS 浏览器源和场景使用相同的 1920×1080 尺寸。这样锚点可预测,而不是在渲染时拉伸 Overlay。

规划 1080×1920 竖屏场景

竖屏更窄,边缘常有平台控件。把歌词区放在表演者旁边或下方,不要盖住脸、乐器、评论、礼物、字幕或账号控件。

手机优先场景从紧凑 3 行开始。只有安全区够高、行距仍可读时才用标准 5 行。表演者和镜头占满画面时,单行播放器更安全。

开播前用手机尺寸预览完整 1080×1920 构图。编辑显示器上看着舒服的文字,缩到手机后可能太小。

先为镜头、聊天和提醒留出空间

把镜头框、聊天或评论列、提醒、字幕和平台控件当成保留区。不要指望透明歌词背景能让重叠内容可读。

给歌词块最长一行留出呼吸空间。从单行改到多行或启用 3D 透视后要再检查,因为占用宽高会变。

选择可读字号和对比

1920×1080 多行歌词块可从 32–48px 起,远看再加大。1080×1920 从 36–56px 起并在手机尺寸验证;StreamLyric 有效字号范围是 12–96px。

按可用安全区使用 3 行紧凑或 5 行标准。选清晰字体、相对镜头背景的强对比,以及克制的背景、描边或阴影。

用观众尺寸预览最终构图

竖屏预览缩到典型手机窗口,横屏缩到普通播放窗口。检查最长一行、行距、阴影、对比,以及跑马灯或 3D 运动。

镜头、聊天、提醒已经在动时,限制歌词运动。歌词层应支持表演,而不是和所有动画抢注意力。

分步设置

  1. 01
    设定场景画布

    横屏选 1920×1080,竖屏输出选 1080×1920。

  2. 02
    匹配浏览器源

    使用相同宽高,让 Overlay 位置可预测。

  3. 03
    标出安全区

    放置歌词前先占住镜头、聊天/评论、提醒、字幕和平台控件区。

  4. 04
    选择字号和行数

    横屏大约 32–48px 和 3–5 行;手机优先竖屏大约 36–56px 和紧凑 3 行;测试后再调。

  5. 05
    用观众尺寸测试

    在手机大小或典型播放窗口预览最长一行,开播前再查对比和运动。

常见问题

该在横屏和竖屏之间拉伸同一个 Overlay 吗?

按每种场景使用合适尺寸和位置。16:9 好读的布局在 9:16 可能太小或太宽,所以分别配置并预览每个浏览器源。

该显示多少行歌词?

受限或手机优先场景用紧凑 3 行;只有安全区够高时才用标准 5 行。空间有限时单行播放器最安全。

有镜头、聊天和提醒时歌词放哪?

先占住那些区域,包括提醒的最大占地。把歌词块放进剩余清晰区,并给最长一行留边。

怎样检查手机上的可读性?

在手机大小的窗口预览完整 1080×1920 场景,检查最长一行和最小预期文字,开播前调整字号、对比、背景、描边或阴影。

相关指南

这篇指南有帮助吗?