無需 JavaScript 的預設
這些預設值與互動計算機使用的數值相同。如果 JavaScript 被封鎖,直接把某一列複製到 OBS 裡。
每一列都假設瀏覽器來源等於畫布。歌詞區域是畫布四周各減去邊距後的範圍,因此邊距越大,可讀區域越小。
| 畫布 | 來源 | 歌詞區域 | 字級 | 錨點 |
|---|---|---|---|---|
| 1920×1080 | 1920×1080 | 1760×920 | 32–48px | bottom-center |
| 1080×1920 | 1080×1920 | 920×1760 | 36–56px | bottom-center |
| 1080×1080 | 1080×1080 | 952×952 | 32–48px | bottom-center |
讓來源與畫布一致
最常見的尺寸錯誤,是把同一個瀏覽器來源在 1920×1080 和 1080×1920 之間拉伸。這樣會移動錨點,並把歌詞裁進平台介面裡。請為每種方向重新建立來源,而不是縮放它。
字級落在 12–96px 之間,涵蓋 9 個錨點。較大的字級在窄的直向畫布上會先溢出,所以直向預設的起始字級比橫向更小。
避免遮擋
攝影機、樂器、留言、禮物、提醒、字幕和平台控制項,應在放置歌詞前預留。先標出這些區域,再把歌詞區域放進剩下的空間裡。
在以手機為主的場景中,下三分之一通常已讓給留言和禮物。這就是直向預設的錨點比橫向更靠上的原因。
計算只在本機進行
這個計算機從不上傳畫布尺寸或 Overlay URL。它在瀏覽器裡算出方案,重新整理後即忘。
只把寬度、高度、字級和錨點複製到 OBS。Overlay URL 本身應填進瀏覽器來源的網址欄,而不是這個工具的截圖裡。
使用工具
1920×1080 → 來源 1920×1080,字級 32–48px,錨點 bottom-center。1080×1920 → 來源 1080×1920,字級 36–56px,錨點 bottom-center。
分步設定
- 01選擇畫布
使用 1920×1080、1080×1920,或與 OBS 輸出相符的自訂尺寸。
- 02設定邊距
給最長的歌詞行留出空間,別讓它碰到邊緣。
- 03讀取來源和區域
來源等於畫布;區域是畫布減去邊距後的範圍。
- 04把來源尺寸複製到 OBS
保持 Overlay 背景透明,不要在不同方向之間縮放。
常見問題
瀏覽器來源應與畫布一致嗎?
應該。寬高相符後錨點才可預測。
會上傳我的 Overlay URL 嗎?
不會。計算在本機完成,不會傳送到任何伺服器。
能用一個來源同時做橫向和直向嗎?
不能。請為每種方向重新建立來源,而不是拉伸它。