Tłumaczenie po stronie klienta z wykorzystaniem AI

Maud Nalpas
Maud Nalpas
Kenji Baheux
Kenji Baheux

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

Wyjaśnienie Sieć Rozszerzenia Stan Chrome Intencja
MDN Chrome 138 Chrome 138 Wyświetl Zamiar wysłania

Wejście na rynki międzynarodowe może być kosztowne. Więcej rynków oznacza prawdopodobnie więcej języków do obsługi, a to może prowadzić do problemów z funkcjami interaktywnymi i procesami, takimi jak czat pomocy posprzedażowej. Jeśli Twoja firma ma tylko agentów obsługi klienta mówiących po angielsku, osoby, dla których angielski nie jest językiem ojczystym, mogą mieć trudności z dokładnym wyjaśnieniem, na czym polega problem.

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

Niektórzy użytkownicy próbują pokonać barierę językową, korzystając z wbudowanej w przeglądarkę funkcji tłumaczenia stron lub narzędzi innych firm. Jednak w przypadku funkcji interaktywnych, takich jak czat obsługi posprzedażowej, wygoda użytkowników jest niska.

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

Niemniej jednak przejrzystość jest kluczowa, gdy chcesz pokonać barierę językową za pomocą zautomatyzowanych narzędzi. Pamiętaj, aby przed rozpoczęciem rozmowy poinformować, że korzystasz z narzędzi AI, które umożliwiają tłumaczenie. Dzięki temu możesz ustawić oczekiwania i uniknąć niezręcznych sytuacji, jeśli tłumaczenie nie będzie idealne. Link do zasad z dodatkowymi informacjami.

Pracujemy nad interfejsem Translator API po stronie klienta, który będzie korzystać z modelu wbudowanego w Chrome.

Sprawdzanie wymagań sprzętowych

Deweloperzy i użytkownicy, którzy korzystają z funkcji używających tych interfejsów API w Chrome, muszą spełniać te wymagania. Inne przeglądarki mogą mieć inne wymagania dotyczące działania.

Interfejsy Language Detector API i Translator API działają w Chrome na komputerze. Te interfejsy API nie działają na urządzeniach mobilnych. Interfejsy Prompt API, Summarizer API, Writer API i Rewriter API działają w Chrome, gdy spełnione są te warunki:

  • System operacyjny: Windows 10 lub 11, macOS 13 lub nowszy (Ventura i nowsze) lub Linux. Interfejsy API, które korzystają z Gemini Nano, nie są jeszcze obsługiwane w Chrome na Androida, iOS i ChromeOS.
  • Pamięć: co najmniej 22 GB wolnego miejsca na woluminie zawierającym profil Chrome.
  • GPU: co najmniej 4 GB pamięci VRAM.
  • Sieć: nieograniczona transmisja danych lub połączenie bez limitu.

Dokładny rozmiar Gemini Nano może się różnić, ponieważ przeglądarka aktualizuje model. Aby sprawdzić aktualny rozmiar, otwórz chrome://on-device-internals i przejdź do sekcji Stan modelu. Otwórz podaną ścieżkę do pliku, aby określić rozmiar modelu.

Czat demonstracyjny

Stworzyliśmy czat obsługi klienta, który umożliwia użytkownikom pisanie w ich języku ojczystym i otrzymywanie tłumaczenia 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 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 pobieranych na żądanie. Pakiet językowy jest jak słownik danego języka.

  • sourceLanguage: bieżący język tekstu.
  • targetLanguage: język docelowy, na który ma zostać przetłumaczony tekst.

Używaj krótkich kodów języków BCP 47 jako ciągów znaków. Na przykład 'es' w przypadku języka hiszpańskiego lub 'fr' w przypadku języka francuskiego.

Sprawdź dostępność modelu i nasłuchuj 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 zostaną zatrzymane, a obietnica ready zostanie odrzucona.

Tworzenie i uruchamianie tłumacza

Aby utworzyć tłumacza, wywołaj asynchroniczną funkcję create(). Wymaga parametru options 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ż obiekt 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. Podziel się z nami swoimi stronami i aplikacjami internetowymi na X, YouTubeLinkedIn.

Możesz zarejestrować się w programie wczesnego dostępu, aby testować ten i inne interfejsy API za pomocą lokalnych prototypów.