利用 AI 进行客户端翻译

探索实验性 Translator API，为全球客户服务赋能。

Maud Nalpas
Maud Nalpas
X GitHub
Kenji Baheux
Kenji Baheux
Alexandra Klepper
Alexandra Klepper
X GitHub LinkedIn

发布时间：2024 年 5 月 16 日；最后更新时间：2024 年 9 月 17 日

将业务拓展到国际市场可能需要投入大量资金。覆盖的市场越多，支持的语言就可能越多，而支持的语言越多，互动功能和流程（例如售后支持聊天）就可能越有挑战。如果贵公司只有英语支持人员，非英语母语人士可能难以准确说明自己遇到了什么问题。

如何利用 AI 为使用多种语言的用户改善体验，同时最大限度地降低风险并确认是否值得投资聘用精通其他语言的支持人员？

有些用户会尝试使用浏览器的内置网页翻译功能或第三方工具来克服语言障碍。但用户体验不如我们的售后支持聊天等互动功能。

对于集成了翻译功能的聊天工具，最大限度地降低延迟非常重要。 通过在设备端处理语言，您可以在用户提交消息之前实时进行翻译。

尽管如此，在借助自动化工具弥合语言缺口时，透明度至关重要。请记住，在对话开始前，明确表示您实现了支持这种翻译的 AI 工具。这样可以让观众有心理准备，并避免在翻译不完美时出现尴尬的情况。指向您的政策的链接，以了解详情。

我们正在开发客户端 Translator API，并将模型内置到 Chrome 中。

演示聊天

我们打造了客户服务聊天功能，让用户可以用自己的第一语言输入内容，并接收支持人员的实时翻译。

使用译者 API

此 Translator 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;

模型需要时间才能向用户提供。您可以通过以下两种方式实现此目的：

  • 等待模型准备就绪后，再启用依托翻译功能的界面元素。
  • 首先使用服务器端 AI 进行翻译，然后在模型下载完毕后切换到客户端。

后续步骤

我们期待收到您的反馈意见。请在说明器上提出问题，分享您对此方法的反馈，并告诉我们您最感兴趣的用例。您可以注册加入抢先体验计划，使用本地原型测试这项技术。