直播版面

直播版面把本站的 OBS 小工具和第三方網頁合成一個瀏覽器來源： 在後台排好每個場景要放什麼、放在哪、多大，OBS 裡只要加這一個來源。

它解決什麼問題

小工具一多，OBS 裡就是一排瀏覽器來源：進度目標一個、畫面通知一個、計數一個， 每個都要各自貼網址、各自調尺寸，換場景時還要逐個確認有沒有漏。 直播版面把這些收進同一張畫布，位置、大小、上下順序和音量都在後台一次調完。

怎麼開始

1. 在「編排」分頁頂端的場景工具列新增一個場景，選畫布尺寸 (預設 1920 × 1080 橫式)。
2. 新增圖層：挑一個本站的小工具，或貼上第三方網頁的網址。
3. 在畫布上拖曳調整位置與大小。畫布旁邊 (螢幕夠寬時在右側，否則在下方) 是圖層清單 (調整上下順序) 和選取圖層的「圖層屬性」 (例如音量)。
4. 按儲存，到「OBS 來源」分頁複製直播版面網址，在 OBS 新增一個瀏覽器來源貼上， 寬度與高度設成該場景的畫布尺寸 (例如 1920 × 1080)。

Streamlabs Desktop、Meld 等支援瀏覽器來源的直播軟體也都能用， 只是自動切換場景不一定支援，見下方「用在其他直播軟體」。

場景與畫布

一份直播版面可以有多個場景，例如「開場」「遊戲中」「聊天」各排一套。 免費可以建 3 個場景、Pro 可以建 20 個。 要編排哪個場景，用「編排」分頁頂端的場景下拉切換，重新命名與刪除也在旁邊。

每個場景各自選畫布尺寸：1280 × 720、1920 × 1080、2560 × 1440、3840 × 2160， 各有橫式與直式 (直式就是寬高對調，例如 1080 × 1920)。 OBS 瀏覽器來源的寬度與高度請設成同一個畫布尺寸， 後台看到的位置與大小才會跟 OBS 裡一致。

圖層可以部分超出畫布，跟 OBS 一樣：畫布四周調暗的區域在 OBS 裡看不到。 每個圖層至少要留一小塊在畫布內，免得整個拖出去就找不回來。 切換橫式 / 直式時，只有整個跑到畫布外、或只剩一小角在畫布內的圖層會被移回來，其他圖層維持原位。

拖曳或調整大小時，圖層會貼齊畫布邊緣、畫布中線和其他圖層 (隱藏的圖層不算)， 貼上時會出現參考線。拖曳時按住 Alt 可以暫時不貼齊；要關掉或調整敏感度， 按場景工具列上的「貼齊」。這些設定只存在你目前用的瀏覽器，不會跟著版面存檔。

圖層

一個圖層放一個東西，有兩種：

• 本站小工具。名稱由小工具自己帶出來，不用另外取。 每個圖層都可以調位置、大小、顯示或隱藏，也可以調上下順序 (清單越上面，在畫面上疊得越上面)。 音量可以逐個圖層調整或靜音，這個音量是乘在小工具自己的音量設定上，不是取代它。
• 第三方網頁。貼上網址就能嵌入，名稱可以選填。 網址在後台預設遮住，要看再點「顯示網址」。第三方網頁不能在這裡調音量， 請在對方網站調整；需要單獨控制的話，另外加成獨立的瀏覽器來源。

圖層數上限是每個場景各自計算：免費每個場景 15 個圖層、Pro 每個場景 150 個圖層。 一個場景放滿了，不影響其他場景繼續新增。

同一個場景裡不能放兩個一模一樣的小工具 (新增時該選項會直接停用)。 不同場景可以放同一個小工具，切換場景時它會保留在原處，只有位置和大小變化，不會重新載入。

推幣機、砸砸這類比較吃效能的小工具，後台會提醒建議單獨成一個 OBS 來源。 這只是提醒，不強制。

降級與超額

方案降級不會刪你的資料。超出上限的場景與圖層會保留設定、暫停顯示， 升級回來就自動恢復；也可以自己刪掉用不到的。 超額期間不能再新增，但刪除與調整既有的內容照常可以。

第三方網頁能不能嵌入

有些網站不允許被放進別人的頁面裡，放進來只會是「拒絕連線」之類的錯誤畫面，或是一片空白。 這個限制是對方網站訂的，我們沒辦法事先替你查，所以新增第三方圖層時，後台會直接讓你預覽實際嵌入的樣子：

• 預覽正常顯示，就表示可以嵌入。
• 預覽出現錯誤畫面或一片空白，代表對方網站不允許被嵌入。OBS 的瀏覽器遵守同一套規則， 放進 OBS 也會是一樣的結果。

已經建好的第三方圖層，選取之後在「圖層屬性」裡可以再預覽一次。預覽只是讓你先看到結果，不會阻止你存檔。 另外幾件事先知道：

• http:// 開頭的網址在 OBS 裡通常會被擋，能用 https:// 就用 https://。
• 本機的工具 (localhost 這類網址) 只在跑它的那台電腦上看得到。 如果你的直播軟體跟工具在同一台電腦上，通常沒問題；後台預覽是在你目前用的瀏覽器裡跑， 看不到就請直接在 OBS 裡確認。
• ChiwaBots 自己的網址 (直播版面網址、小工具網址) 不能當成第三方網頁放進來，後台不會預覽，也不給存。 本站的小工具請直接用「本站小工具」新增。

跟著 OBS 場景自動切換

在「自動切換」分頁開啟「依 OBS 場景名稱自動切換」後，OBS 切到某個場景時，直播版面會跟著換到同名的場景。 比對時去掉前後空白、不分大小寫。OBS 切到沒有對應場景時，可以選要 切到預設場景還是全部隱藏。

設定只要做一次 (「OBS 來源」分頁也有同一份設定教學)：

1. 在 OBS 新增一個瀏覽器來源，貼上直播版面網址，寬高設成畫布尺寸。
2. 其他 OBS 場景用「加入現有來源」把同一個來源加進去。 另外再新增一個來源會變成兩個獨立實例：重複連線，畫面通知也會播兩次。
3. 在來源屬性裡，把「頁面權限」設成「讀取使用者資訊」 (字樣依 OBS 版本可能略有不同)。這樣直播版面在載入當下就知道目前是哪個場景。 權限不夠時，要等下一次切換場景才對得上。 不要再往上調：直播版面裡的第三方網頁和直播版面是同一個來源，會拿到同一個權限。 更高的等級可以切換你的 OBS 場景，最高等級還能直接停止直播，調高等於把這些能力交給你嵌進來的每一個網站。
4. 關閉「場景變成作用中時重新整理瀏覽器」與「來源不可見時關閉」，切換場景時小工具才不會被重新載入。
5. OBS 的場景名稱要和直播版面的場景名稱一致。

只有在「節目」畫面切換場景才算。工作室模式下切換預覽場景不會觸發。

用在其他直播軟體

Streamlabs Desktop、Meld 等支援瀏覽器來源的直播軟體都能用直播版面， 但自動切換場景不一定支援。這時請改用每個場景各自的固定網址： 「OBS 來源」分頁列出每個場景的專屬網址 (「編排」分頁的場景工具列也能直接複製目前場景的)， 在直播軟體的每個場景各加一個來源，各自只顯示那個場景。

常見誤解

• 同一個小工具不要既單獨加在 OBS，又放進直播版面。 這樣會變成兩份：畫面通知播兩次，丟擲也丟兩次。改用直播版面之後， 請把原本單獨加的那個來源移除。
• 預覽正常不等於 OBS 裡一定沒問題。 預覽是在你的瀏覽器裡跑，最後以 OBS 裡實際看到的為準。
• 第三方網頁的音量不受這裡控制。 逐個圖層的音量與靜音只作用在本站的小工具上。
• 自動切換沒反應，先檢查來源設定與名稱。 最常見的原因是「場景變成作用中時重新整理瀏覽器」沒關、其他 OBS 場景加的是新來源而不是現有來源， 或是 OBS 場景名稱跟直播版面的場景名稱對不上。

設定項目

以下內容取自後台介面的說明文字，與實際介面同步。

其他說明

• 拖曳移動圖層，拖四個角調整大小。位置與大小以畫布像素計算，和 OBS 瀏覽器來源的寬高一致。圖層可以部分超出畫布，調暗的區域在 OBS 裡看不到，但每個圖層至少要留一小塊在畫布內。

其他設定項目

這些設定在後台介面上沒有額外說明文字，此處僅列出名稱。

• OBS 切到沒有對應的場景時
• 切到預設場景
• 全部隱藏
• 未指定 (第一個場景)
• 畫布尺寸
• 方向
• 音量
• 音量請在來源網站調整；需要單獨控制請另外加成獨立的瀏覽器來源。