Перевод на стороне клиента с использованием ИИ

Мод Налпас
Maud Nalpas
Кенджи Бае
Kenji Baheux

Опубликовано: 16 мая 2024 г., Последнее обновление: 13 ноября 2024 г.

Объяснитель Веб Расширения Статус Хрома Намерение
GitHub За флагом Исходный суд За флагом Исходный суд Вид Намерение экспериментировать

Расширение вашего бизнеса на международные рынки может быть дорогостоящим. Больше рынков, вероятно, означает больше языков для поддержки, а больше языков может привести к проблемам с интерактивными функциями и потоками, такими как чат послепродажной поддержки. Если в вашей компании есть только англоговорящие агенты поддержки, не носителям языка может быть сложно объяснить, с какой именно проблемой они столкнулись.

Как можно использовать ИИ для улучшения опыта для носителей нескольких языков, минимизируя при этом риски и подтверждая, стоит ли инвестировать в агентов поддержки, говорящих на дополнительных языках?

Некоторые пользователи пытаются преодолеть языковой барьер с помощью встроенной функции перевода страниц в браузере или сторонних инструментов. Но пользовательский опыт не на должном уровне с интерактивными функциями, такими как наш чат послепродажной поддержки.

Для инструментов чата со встроенным переводом важно минимизировать задержки. Обрабатывая язык на устройстве, вы можете переводить в режиме реального времени, еще до того, как пользователь отправит сообщение.

Тем не менее, прозрачность имеет решающее значение при преодолении языкового барьера с помощью автоматизированных инструментов. Помните, что перед началом разговора следует ясно дать понять, что вы внедрили инструменты ИИ, которые позволяют выполнять этот перевод. Это задает ожидания и помогает избежать неловких моментов, если перевод не идеален. Ссылка на вашу политику с дополнительной информацией.

Мы работаем над клиентским API переводчика с моделью, встроенной в Chrome.

Ознакомьтесь с требованиями к оборудованию.

API-интерфейсы определения языка и переводчика работают только на настольных компьютерах в Chrome.

Prompt API, Summarizer API, Writer API и Rewriter API работают в Chrome при соблюдении следующих условий:

  • Операционная система : Windows 10 или 11; macOS 13+ (Ventura и выше); или Linux. Chrome для Android, iOS и ChromeOS пока не поддерживаются нашими API, поддерживаемыми Gemini Nano.
  • Хранилище : не менее 22 ГБ на томе, содержащем ваш профиль Chrome.
  • Графический процессор : строго более 4 ГБ видеопамяти.
  • Сеть : Неограниченные данные или безлимитное соединение.
  • Графический процессор : строго более 4 ГБ видеопамяти.
  • Сеть : Неограниченные данные или безлимитное соединение.

Эти требования существуют для вас в процессе разработки и для ваших пользователей, которые работают с создаваемыми вами функциями.

Демонстрационный чат

Мы создали чат поддержки клиентов, который позволяет пользователям вводить текст на своем родном языке и получать перевод в режиме реального времени для агента службы поддержки.

Используйте API переводчика

Чтобы определить, поддерживается ли API переводчика, запустите следующий фрагмент кода для обнаружения функций.

if ('Translator' in self) {
  // The Translator API is supported.
}

Проверить поддержку языковой пары

Перевод управляется языковыми пакетами, загружаемыми по требованию. Языковой пакет — это как словарь для данного языка.

  • sourceLanguage : Текущий язык текста.
  • targetLanguage : Конечный язык, на который должен быть переведен текст.

Используйте короткие коды языка BCP 47 в качестве строк. Например, 'es' для испанского или 'fr' для французского.

Определите доступность модели и послушайте downloadprogress :

const translator = await Translator.create({
  sourceLanguage: 'es',
  targetLanguage: 'fr',
  monitor(m) {
    m.addEventListener('downloadprogress', (e) => {
      console.log(`Downloaded ${e.loaded * 100}%`);
    });
  },
});

Если загрузка не удалась, события downloadprogress останавливаются, а обещание ready отклоняется.

Создать и запустить переводчик

Чтобы создать переводчик, вызовите асинхронную функцию create() . Для нее требуется параметр options с двумя полями, одно для sourceLanguage и одно для targetLanguage .

// Create a translator that translates from English to French.
const translator = await Translator.create({
  sourceLanguage: 'en',
  targetLanguage: 'fr',
});

Получив переводчик, вызовите асинхронную функцию translate() , чтобы перевести текст.

await translator.translate('Where is the next bus stop, please?');
// "Où est le prochain arrêt de bus, s'il vous plaît ?"

Следующие шаги

Мы хотим увидеть, что вы создаете с помощью API переводчика. Поделитесь с нами своими веб-сайтами и веб-приложениями на X , YouTube и LinkedIn .

Вы можете зарегистрироваться в программе раннего ознакомления, чтобы протестировать этот API и другие с помощью локальных прототипов.