Tradução do lado do cliente com IA

Maud Nalpas

Kenji Baheux

Alexandra Klepper

Publicado em 16 de maio de 2024, atualizado pela última vez em 13 de novembro de 2024

Explicação	Web	Extensões	Status do Chrome	Intenção
MDN	Chrome 138	Chrome 138	Ver	Intenção de envio

Expandir seus negócios para mercados internacionais pode ser caro. Mais mercados provavelmente significam mais idiomas para oferecer suporte, e mais idiomas podem levar a desafios com recursos e fluxos interativos, como o chat de suporte pós-venda. Se sua empresa tiver apenas agentes de suporte que falam inglês, os falantes não nativos podem ter dificuldade para explicar exatamente qual problema encontraram.

Como podemos usar a IA para melhorar a experiência de falantes de vários idiomas, minimizar o risco e confirmar se vale a pena investir em agentes de suporte que falam outros idiomas?

Alguns usuários tentam superar a barreira do idioma com o recurso de tradução de páginas integrado ao navegador ou ferramentas de terceiros. No entanto, a experiência do usuário é ruim com recursos interativos, como nosso chat de suporte pós-venda.

Para ferramentas de chat com tradução integrada, é importante minimizar os atrasos. Ao processar o idioma no dispositivo, você pode traduzir em tempo real, antes mesmo que o usuário envie a mensagem.

Dito isso, a transparência é fundamental ao superar uma lacuna de idioma com ferramentas automatizadas. Antes de iniciar a conversa, deixe claro que você implementou ferramentas de IA que permitem essa tradução. Isso define expectativas e ajuda a evitar momentos constrangedores se a tradução não for perfeita. Vincule sua política com mais informações.

Estamos trabalhando em uma API Translator do lado do cliente com um modelo integrado ao Chrome.

Chat de demonstração

Criamos um chat de suporte ao cliente que permite que os usuários digitem no idioma principal e recebam tradução em tempo real para o agente de suporte.

Usar a API Translator

Para determinar se a API Translator é compatível, execute o snippet de detecção de recursos a seguir.

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

Verificar o suporte a pares de idiomas

A tradução é gerenciada com pacotes de idiomas, baixados sob demanda. Um pacote de idiomas é como um dicionário para um determinado idioma.

• sourceLanguage: o idioma atual do texto.
• targetLanguage: o idioma final para o qual o texto precisa ser traduzido.

Use códigos curtos de idioma BCP 47 como strings. Por exemplo, 'es' para espanhol ou 'fr' para francês.

Determine a disponibilidade do modelo e ouça o downloadprogress:

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

Se o download falhar, os eventos downloadprogress vão parar e a promessa ready será rejeitada.

Criar e executar o tradutor

Para criar um tradutor, chame a função assíncrona create(). Ela requer um parâmetro de opções com dois campos, um para o sourceLanguage e outro para o targetLanguage.

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

Depois de ter um tradutor, chame a função assíncrona translate() para traduzir o texto.

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

Próximas etapas

Queremos saber o que você está criando com a API Translator. Compartilhe seus sites e aplicativos da Web conosco no X, YouTube, e LinkedIn.

Você pode se inscrever no Programa de testes antecipados para testar essa e outras APIs com protótipos locais.