Traduction côté client avec l'IA

Maud Nalpas

Kenji Baheux

Alexandra Klepper

Publié le 16 mai 2024, dernière mise à jour le 13 novembre 2024

Explication	Web	Extensions	État de Chrome	Intention
MDN	Chrome 138	Chrome 138	Afficher	Intention d'expédier

Développer votre activité sur les marchés internationaux peut s'avérer coûteux. Plus de marchés signifie probablement plus de langues à prendre en charge, et plus de langues peuvent entraîner des difficultés avec les fonctionnalités et les flux interactifs, comme le chat d'assistance après-vente. Si votre entreprise ne dispose que d'agents d'assistance anglophones, les personnes dont l'anglais n'est pas la langue maternelle peuvent avoir du mal à expliquer exactement le problème qu'elles ont rencontré.

Comment utiliser l'IA pour améliorer l'expérience des utilisateurs qui parlent plusieurs langues, tout en minimisant les risques et en confirmant s'il vaut la peine d'investir dans des agents d'assistance qui parlent d'autres langues ?

Certains utilisateurs tentent de surmonter la barrière de la langue grâce à la fonctionnalité de traduction de pages intégrée à leur navigateur ou à des outils tiers. Toutefois, l'expérience utilisateur est médiocre avec les fonctionnalités interactives, comme notre chat d'assistance après-vente.

Pour les outils de chat avec traduction intégrée, il est important de minimiser les retards. En traitant la langue sur l'appareil, vous pouvez traduire en temps réel, avant même que l'utilisateur n'envoie le message.

Cela dit, la transparence est essentielle pour combler un écart linguistique avec des outils automatisés. N'oubliez pas de préciser avant le début de la conversation que vous avez implémenté des outils d'IA qui permettent cette traduction. Cela permet de définir des attentes et d'éviter les moments gênants si la traduction n'est pas parfaite. Lien vers votre règlement pour en savoir plus

Nous travaillons sur une API Translator côté client avec un modèle intégré à Chrome.

Chat de démonstration

Nous avons créé un chat d'assistance client qui permet aux utilisateurs de taper dans leur langue maternelle et de recevoir une traduction en temps réel pour l'agent d'assistance.

Utiliser l'API Translator

Pour déterminer si l'API Translator est compatible, exécutez l'extrait de code de détection de fonctionnalité suivant.

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

Vérifier la prise en charge des combinaisons linguistiques

La traduction est gérée à l'aide de modules linguistiques téléchargés à la demande. Un module linguistique est comme un dictionnaire pour une langue donnée.

• sourceLanguage : langue actuelle du texte.
• targetLanguage : langue finale dans laquelle le texte doit être traduit.

Utilisez les codes de langue courts BCP 47 comme chaînes. Par exemple, 'es' pour l'espagnol ou 'fr' pour le français.

Déterminez la disponibilité du modèle et écoutez le downloadprogress :

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

Si le téléchargement échoue, les événements downloadprogress s'arrêtent et la promesse ready est rejetée.

Créer et exécuter le traducteur

Pour créer un traducteur, appelez la fonction asynchrone create(). Il nécessite un paramètre d'options avec deux champs, l'un pour sourceLanguage et l'autre pour targetLanguage.

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

Une fois que vous avez un traducteur, appelez la fonction asynchrone translate() pour traduire votre texte.

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

Étapes suivantes

Nous voulons voir ce que vous créez avec l'API Translator. Partagez vos sites Web et applications Web avec nous sur X, YouTube et LinkedIn.

Vous pouvez vous inscrire au programme Preview anticipée pour tester cette API et d'autres avec des prototypes locaux.