尺寸計算機

開播前先定好 OBS 瀏覽器來源尺寸。

輸入畫布尺寸和邊距,得到 StreamLyric 瀏覽器來源方案。計算機留在瀏覽器裡。沒有 JavaScript 時,使用下面三個預設。

OBS 瀏覽器來源尺寸歌詞 Overlay 解析度1080x1920 瀏覽器來源

無需 JavaScript 的預設

這些預設值與互動計算機使用的數值相同。如果 JavaScript 被封鎖,直接把某一列複製到 OBS 裡。

每一列都假設瀏覽器來源等於畫布。歌詞區域是畫布四周各減去邊距後的範圍,因此邊距越大,可讀區域越小。

畫布來源歌詞區域字級錨點
1920×10801920×10801760×92032–48pxbottom-center
1080×19201080×1920920×176036–56pxbottom-center
1080×10801080×1080952×95232–48pxbottom-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。

分步設定

  1. 01
    選擇畫布

    使用 1920×1080、1080×1920,或與 OBS 輸出相符的自訂尺寸。

  2. 02
    設定邊距

    給最長的歌詞行留出空間,別讓它碰到邊緣。

  3. 03
    讀取來源和區域

    來源等於畫布;區域是畫布減去邊距後的範圍。

  4. 04
    把來源尺寸複製到 OBS

    保持 Overlay 背景透明,不要在不同方向之間縮放。

常見問題

瀏覽器來源應與畫布一致嗎?

應該。寬高相符後錨點才可預測。

會上傳我的 Overlay URL 嗎?

不會。計算在本機完成,不會傳送到任何伺服器。

能用一個來源同時做橫向和直向嗎?

不能。請為每種方向重新建立來源,而不是拉伸它。

相關指南和工具