使用 AI 進行裝置端翻譯

探索實驗性 Translate API,取得全球客戶服務。

Maud Nalpas
Maud Nalpas
Kenji Baheux
Kenji Baheux
Alexandra Klepper
Alexandra Klepper

將業務拓展到國際市場可能所費不貲。隨著更多市場支援更多語言,支援更多語言可能會帶來許多互動功能和流程,例如售後支援服務即時通訊。如果貴公司只有英語客服專員,非母語人士可能會難以確切說明自己遇到的問題。

我們如何利用 AI 改善多種語言的講者體驗,同時盡可能降低風險,並確認是否值得投資支援外語的客服專員?

有些使用者試圖透過瀏覽器內建的網頁翻譯功能或第三方工具,設法克服語言障礙。但使用者體驗還未與互動式功能,例如售後支援服務即時通訊。

針對具備整合式翻譯功能的即時通訊工具,盡可能將延遲降到最低。只要在裝置上處理語言,就能在使用者提交訊息前即時翻譯。

也就是說,透過自動化工具消弭語言落差時,透明度至關重要。請記得,在對話開始之前,請明確說明您導入的 AI 工具可用來進行翻譯。這麼做可以設定目標,避免在翻譯不完美的情況下出現尷尬情境。連結至含有更多資訊的政策。

我們正在處理 實驗版 Translate API 以及 Chrome 內建的模型

示範即時通訊

我們打造了客戶服務即時通訊,可讓使用者輸入 ,即可收到客服專員的即時翻譯。

使用 Translate API

Chrome 會使用 window.model 物件公開 Translate API。這個物件有兩個重要方法:

  • canTranslate():檢查語言組合的翻譯模型是否已準備就緒。如果裝置上已有該模型,則傳回 "readily";如果瀏覽器必須先下載模型,則傳回 "after-download";如果無法進行翻譯,則傳回 "no"
  • createTranslator():這會非同步設定 Translator 物件。如果模型需要下載,會等到準備就緒。

Translator 物件只有一個方法:

  • translate():提供來源文字以提供內容,然後輸出翻譯版本。

此為實驗功能,目前僅適用於 Chrome,因此請務必將所有程式碼納入功能偵測中。

const supportsOnDevice = 'model' in window && 'createTranslator' in model;
if (!supportsOnDevice) {
  return;
}

const parameters = { sourceLanguage: 'en', targetLanguage: 'pt' };
const modelState = await model.canTranslate(parameters);
if (modelState === 'no') {
  return;
}
const onDeviceTranslator = await model.createTranslator(parameters);

const result = await onDeviceTranslator.translate(input);
if (!result) {
  throw new Error('Failed to translate');
}
return result;

模型需要一些時間才能提供給使用者。您可以 兩種方式:

  • 模型準備就緒後,請等待啟用翻譯功能的 UI 元素。
  • 從雲端式模型開始翻譯,然後在裝置上進行一次 模型下載完畢後

後續步驟

歡迎提供寶貴意見!歡迎透過以下連結,分享您對這個做法的寶貴意見: 開啟說明相關問題 告訴我們您最感興趣的用途。你可以 申請加入早期搶先體驗計畫 使用本機原型測試這項技術

你提供的內容可幫助我們打造強大實用的 AI 工具,造福所有使用者。