你的語音實際上被送去哪裡
字幕運作期間,你的麥克風聲音會即時串流到 Google(Edge 則是 Microsoft)的語音辨識服務,文字再透過網路傳回來。音訊一旦送出,這個網頁沒有任何辦法把它拉回來。機密會議請照這個前提來處理。
不管走哪個路線,翻譯本來就在你自己的裝置上執行:用下載好的模型跑,字幕文字不會被傳到任何地方去翻譯。ByteScope 本身什麼都不會儲存 — 字幕只存在這個分頁的記憶體裡,關掉分頁就消失。
字幕視窗
範例播放
等待第一句話…
這是預先準備的範例,不是你的麥克風聲音。先調整好尺寸和顯示模式,確認在會場後排也看得清楚,再開始正式使用。
瀏覽器會跳出麥克風授權請求。按停止就會釋放麥克風,錄音中的圖示也會跟著消失。
浮動視窗一定要透過按鈕點擊才能打開(瀏覽器的限制)。它會浮在全螢幕投影片上方,可以拖曳移動、拉邊框調整大小。
字幕設定
要幫什麼加字幕
可以幫對著麥克風說話的人加字幕,也可以幫這台電腦正在播放的聲音加字幕 — 例如影片、直播,或另一個分頁裡的通話。選第二種的話,按下開始會跳出瀏覽器自己的分享選擇視窗。
字幕會聽這個輸入裝置的聲音。選錯不會跳出任何錯誤 — 字幕還是照樣顯示,只是聽錯麥克風而已 — 所以開始前務必確認一下。講到一半也可以隨時切換。
如果上面選的輸入是像 BlackHole、Loopback、VB-Cable 這種把系統聲音導進來的虛擬裝置,就勾選這裡。這會關閉回音消除、雜音抑制和自動增益控制 — 這些功能是針對房間裡講話的人調整的,會不知不覺把音樂、掌聲這類非人聲的聲音吃掉。
選你實際會講的語言。Chrome 沒辦法邊聽邊自動判斷語言,選錯也不會跳錯誤訊息,它只會用你選的語言生出一堆聽起來很篤定的胡言亂語。講到一半也可以隨時切換。
翻譯出來的那一行是給聽眾看的,所以字級比較大、用強調色顯示。
辨識在哪裡執行
Chrome 139 以上可以用你自己裝置上的模型來辨識。如果模型還沒下載,這個選項會維持關閉狀態 — 這樣即將開始的演講就不會被一個沒人要求的下載卡住。
正在確認這台裝置能不能自己完成語音辨識…
視窗尺寸
浮動視窗一開始的像素尺寸。之後還是可以拖邊框調整,字級也會跟著視窗大小縮放。
文字大小
不動視窗大小,只放大或縮小字幕的字。在「都顯示」模式下兩行要擠同一個高度時特別有用:把視窗拉成又寬又扁,再把字放大到最後一排也讀得到。
顯示內容
翻譯
正在確認這台裝置能翻譯哪些語言…
現在沒有東西可以即時翻譯:這組語言在這台裝置上沒有模型,或是講者語言和翻譯目標語言相同。
瀏覽器支援度
這裡牽涉到四個各自獨立的瀏覽器功能。字幕本身只需要第一個,另外三個只是讓字幕變得更好、或是更保護隱私。
| 功能 | Chrome | Edge | Firefox | Safari |
|---|---|---|---|---|
| 即時字幕(Web Speech API)Safari 有內建加前綴的 API,但每講完一句就會結束連線,而且不理會連續模式,講久了會一直卡頓。音訊會被送到哪裡是下一列的問題,跟這一列無關。 | ✓支援 | ✓支援 | ✗不支援 | ◐部分支援 |
| 裝置端語音辨識(Chrome 139 以上)用你自己裝置上的模型做辨識,所以不會上傳任何音訊。哪些語言有模型會因裝置和作業系統而不同,所以這個頁面是在執行時當場確認,而不是列出固定清單。Edge 是以 Chromium 為基礎打造的,很可能也支援,但這裡沒有實際驗證過。 | ✓支援 | ◐部分支援 | ✗不支援 | ✗不支援 |
| 擷取播放中的音訊(getDisplayMedia)幫分頁、視窗或整個螢幕播放的聲音加字幕。Firefox 和 Safari 會跳出分享選擇視窗,但只會把畫面交給網頁 — 這正是這一列要說明的重點。只要這一列支援,分頁音訊就能用;原生應用程式的聲音則需要 macOS 14.2 以上搭配 Chrome 141 以上,這個頁面會在下面實際測量,而不是憑瀏覽器種類用猜的。 | ✓支援 | ◐部分支援 | ✗不支援 | ✗不支援 |
| 裝置端翻譯(Translator API)Chrome 138 以上支援。會在執行時自動偵測,沒有的話這個頁面只會提供字幕功能。 | ✓支援 | ◐部分支援 | ✗不支援 | ✗不支援 |
| 浮動視窗(Document Picture-in-Picture)Chrome 和 Edge 116 以上支援。沒有的話,字幕會留在頁面裡顯示。 | ✓支援 | ✓支援 | ✗不支援 | ✗不支援 |
這台裝置的擷取支援度
正在確認這台裝置能分享什麼…
這次連線
辨識用的語音真的會傳出你的瀏覽器 — 由瀏覽器廠商的伺服器做語音轉文字。
這個瀏覽器的偵測結果
- SpeechRecognition 確認中…
- SpeechRecognition.available 確認中…
- getDisplayMedia 確認中…
- Translator 確認中…
- documentPictureInPicture 確認中…