OBS 直播
用你自己的語言直播，觀眾直接在畫面上看到翻譯字幕。Whisperr 網頁應用程式即時轉錄並翻譯你的解說，一個透明的疊加層頁面以 Browser Source（瀏覽器來源）的形式在 OBS 內呈現字幕——不需要外掛、不需要下載，也不用更動 GPU 編碼器設定。疊加層角落還會顯示一個小小的 QR Code：想看其他語言的觀眾掃一下，就能在手機上用 Whisperr 支援的任何語言同步閱讀。
運作方式
- 在 Whisperr 網頁應用程式中開啟共享連結並開始廣播 —— 這會為你的工作階段建立一個直播房間
- 產生疊加層 URL，以 Browser Source 的形式加入 OBS —— 你一開口，翻譯字幕就出現在直播畫面上
- 觀眾掃描角落的 QR Code，在手機上開啟房間並選擇自己的語言
你需要準備
- 一個 Whisperr 帳號，並在 Chrome 中登入網頁應用程式
- OBS Studio（或任何具備 Browser Source 的直播軟體，例如 Streamlabs）
- 你平常的直播環境 —— Twitch、YouTube Live、Kick，或任何 OBS 能推流的平台
步驟 1 —— 開啟共享連結並開始廣播
開啟網頁應用程式，開始一段新錄音：
- 選擇你的口說語言，以及要固定燒錄到直播畫面上的翻譯語言
- 選擇音訊來源 —— 只轉錄解說就選麥克風音訊，想連遊戲聲音或分頁音訊一起轉錄就選麥克風 + 螢幕
- 開啟共享連結，然後開始錄音
錄音開始後會跳出共享面板，其中有兩個分頁：房間（聽眾可直接加入的連結和 QR Code）和 OBS（直播用疊加層的設定連結）。
步驟 2 —— 開啟疊加層設定頁面
在共享面板中點選 OBS 分頁，再點選設定連結旁的開啟圖示 —— 兩處都在下圖中用紅框標出：
疊加層設定連結的形式如下：
https://whisperr.co/app/overlay/<your-room-id>/choose
設定頁面讓你不必手動編輯 URL，就能選擇直播字幕顯示的內容：
步驟 3 —— 選擇觀眾看到的內容並產生 URL
- 翻譯 —— 只顯示翻譯後的字幕（通常選這個）
- 轉錄 —— 只顯示你的原話，作為即時字幕
- 兩者 —— 原話在上、翻譯在下，類似雙語字幕
選擇同時保留在畫面上的字幕行數，按下產生，然後複製 URL：
貼到 OBS 的是產生後的 URL，而不是設定頁面本身的 URL。設定頁面是一個設定畫面，把它加入 OBS 會讓設定卡片直接出現在你的直播畫面上。
步驟 4 —— 以 Browser Source 形式加入 OBS
在 OBS 中：
- 在來源中點選 +，選擇瀏覽器
- 把產生的 URL 貼到 URL 欄位
- 將寬度和高度設定成與畫布一致 —— 通常是 1920 × 1080
- 點選確定，然後把這個來源放到遊戲畫面或攝影機圖層之上
疊加層的背景完全透明 —— 沒人說話時，這個來源是隱形的。載入後的第一分鐘內會顯示一行淡色狀態提示（"Whisperr overlay connected — waiting for captions…"，即疊加層已連線、正在等待字幕），方便你在架設時確認它正常運作；第一句字幕出現後狀態提示立即消失，也絕不會在直播途中出現。
步驟 5 —— 開播
正常說話就好。字幕會即時出現在直播畫面上 —— 一句話還沒說完的部分會顯得稍淡，轉錄確定後轉為正常濃度，說完的行則會在你停止說話幾秒後淡出。
角落的 QR Code
燒錄進畫面的字幕人人可見，但只有一種語言。角落的 QR Code 可以在觀眾手機上開啟你的直播房間，讓他們選擇自己的語言來閱讀，甚至可以用文字轉語音來收聽。QR Code 預設開啟，下方標示為 "Scan to read in your language"（掃描以用你的語言閱讀）—— 可透過下面的 URL 參數自訂（例如用 ?qrlabel= 換成適合你觀眾語言的文案，或用 ?qr=0 移除）。
自訂疊加層
由於 OBS 的瀏覽器來源無法點擊，所有選項都是 URL 參數。用 & 附加到產生的 URL 後面：
| 參數 | 預設值 | 作用 |
|---|---|---|
mode | translation | translation（翻譯）、transcription（轉錄）或 both（兩者） |
lines | 2 | 同時顯示的字幕行數（1–6） |
size | 42 | 字體大小，單位 px（12–120） |
color | ffffff | 文字顏色 —— 不帶 # 的十六進位值，或 CSS 顏色名稱 |
bg | 0 | 每行文字背後的背景不透明度，0–1（0 = 僅文字陰影） |
hold | 8 | 已完成的行停留在畫面上的秒數（1–60） |
align | bottom | 字幕固定在 bottom（底部）或 top（頂部） |
lang | (all) | 只顯示某一種目標語言的翻譯，例如 lang=es |
qr | on | qr=0 隱藏角落的 QR Code |
qrsize | 132 | QR Code 大小，單位 px（64–400） |
qrpos | br | QR Code 所在角落：br、bl、tr 或 tl |
qrlabel | Scan to read in your language | QR Code 下方的說明文字；qrlabel=（留空）則只顯示 QR Code |
例如，在畫面頂部顯示更大的黃色字幕，並移除 QR Code：
https://whisperr.co/app/overlay/<room-id>?size=56&color=ffcc00&align=top&qr=0
訣竅與疑難排解
- 來源在 OBS 中什麼都沒顯示 —— 在 Browser Source 上按右鍵，選擇重新整理目前頁面的快取。如果狀態提示一直停在 "connecting…"（連線中）無法連上，請檢查網路；如果顯示的是 "waiting for captions"（等待字幕），代表疊加層一切正常，只是你的 Whisperr 工作階段還沒送出語音。
- 每場直播都是新房間 —— 每次錄音工作階段都會產生新的房間 ID，所以開始新直播時要重新產生疊加層 URL，或者整場直播維持同一個 Whisperr 工作階段不中斷。
- 免費方案的工作階段上限為 2 分鐘 —— 真正開播時，你會需要升級方案，讓工作階段在你直播的全程持續運作。
- 要翻譯成多種語言？ 用
lang=把其中一種語言燒錄到直播畫面上，其他觀眾用 QR Code —— 它正是為此而生。