Tłumaczenie po stronie klienta z wykorzystaniem AI

Zadbaj o dobrą organizację dzięki kolekcji Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.

Maud Nalpas

Kenji Baheux

Alexandra Klepper

Data publikacji: 16 maja 2024 r., ostatnia aktualizacja: 13 listopada 2024 r.

Objaśnienie	Sieć	Rozszerzenia	Stan Chrome	Intencja
GitHub	Testowanie wersji Origin	Testowanie wersji Origin	Wyświetl	Zamierzasz przeprowadzić eksperyment

Rozszerzanie działalności na rynkach zagranicznych może być kosztowne. Więcej rynków oznacza prawdopodobnie obsługę większej liczby języków, a to może wiązać się z problemami z funkcjami interaktywnymi i procesami, takimi jak czat z zespołem pomocy po sprzedaży. Jeśli w Twojej firmie są tylko pracownicy pomocy technicznej posługujący się językiem angielskim, użytkownicy, którzy nie znają tego języka, mogą mieć trudności z dokładnym wyjaśnieniem problemu.

Jak możemy wykorzystać AI, aby poprawić obsługę użytkowników posługujących się wieloma językami, jednocześnie minimalizując ryzyko i sprawdzając, czy warto inwestować w pomocników, którzy mówią w dodatkowych językach?

Niektórzy użytkownicy próbują pokonać barierę językową, korzystając z wbudowanej funkcji tłumaczenia stron w przeglądarce lub z narzędzi zewnętrznych. Jednak wrażenia użytkownika są gorsze w przypadku funkcji interaktywnych, takich jak nasz czat z zespołem pomocy po sprzedaży.

W przypadku narzędzi do czatu z wbudowanym tłumaczeniem ważne jest zminimalizowanie opóźnień. Przetwarzanie języka na urządzeniu umożliwia tłumaczenie w czasie rzeczywistym, jeszcze zanim użytkownik prześle wiadomość.

Jednak przejrzystość jest kluczowa, gdy za pomocą zautomatyzowanych narzędzi chcesz zniwelować różnice językowe. Pamiętaj, aby przed rozpoczęciem rozmowy poinformować rozmówcę, że korzystasz z narzędzi AI, które umożliwiają tłumaczenie. Dzięki temu użytkownik wie, czego się spodziewać, i nie musi się męczyć, gdy tłumaczenie nie jest idealne. Link do zasad, w których znajdziesz więcej informacji.

Pracujemy nad interfejsem Translator API po stronie klienta z modelem wbudowanym w Chrome.

Czat demonstracyjny

Stworzyliśmy czat obsługi klienta, który umożliwia użytkownikom wpisywanie tekstu w pierwszym języku, a następnie tłumaczenie go w czasie rzeczywistym dla pracownika obsługi klienta.

Korzystanie z interfejsu Translator API

Aby sprawdzić, czy interfejs Translator API jest obsługiwany, uruchom ten fragment kodu służący do wykrywania funkcji.

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

Sprawdzanie obsługi pary języków

Tłumaczenie jest zarządzane za pomocą pakietów językowych, które są pobierane na żądanie. Pakiet językowy to coś jak słownik danego języka.

• sourceLanguage: aktualny język tekstu.
• targetLanguage: język, na który ma zostać przetłumaczony tekst.

Jako ciągów tekstowych używaj krótkich kodów języków zgodnych ze standardem BCP 47. Na przykład 'es' w przypadku hiszpańskiego lub 'fr' w przypadku francuskiego.

Określ dostępność modelu i słuchaj downloadprogress:

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

Jeśli pobieranie się nie powiedzie, zdarzenia downloadprogress przestaną się uruchamiać, a obietnica ready zostanie odrzucona.

Tworzenie i uruchamianie tłumacza

Aby utworzyć tłumacza, wywołaj asynchroniczną funkcję create(). Wymaga on parametru opcji z 2 polami: jednym dla sourceLanguage i jednym dla targetLanguage.

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

Gdy masz już tłumacza, wywołaj asynchroniczną funkcję translate(), aby przetłumaczyć tekst.

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

Dalsze kroki

Chcemy zobaczyć, co tworzysz za pomocą interfejsu Translator API. Udostępniaj nam swoje witryny i aplikacje internetowe na X, YouTube i LinkedIn.

Aby przetestować ten interfejs API i inne, możesz zarejestrować się w programie wczesnego testowania wersji zapoznawczej i wykorzystać prototypy lokalne.