Tłumaczenie po stronie klienta z wykorzystaniem AI

Maud Nalpas
Maud Nalpas
Kenji Baheux
Kenji Baheux
Alexandra Klepper
Alexandra Klepper

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

Objaśnienie Sieć Rozszerzenia Stan Chrome Intencja
MDN  Chrome 138  Chrome 138 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 i procesami interaktywnymi, 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 strony 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 minimalizowanie 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, że przed rozpoczęciem rozmowy musisz wyraźnie zaznaczyć, ż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ę martwić, że 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.

Wymagania sprzętowe

Interfejsy Language Detector i Translator API działają na komputerach tylko w Chrome.

Interfejsy Prompt API, Summarizer API, Writer API i Rewriter API działają w Chrome, gdy są spełnione te warunki:

  • System operacyjny: Windows 10 lub 11, macOS 13 lub nowszy (Ventura lub nowszy) lub Linux. Chrome na Androida, iOS i ChromeOS nie są jeszcze obsługiwane przez nasze interfejsy API obsługiwane przez Gemini Nano.
  • Pamięć: co najmniej 22 GB na woluminie zawierającym profil Chrome.
  • GPU: więcej niż 4 GB pamięci VRAM.
  • Sieć: nieograniczona transmisja danych lub nielimitowane połączenie.

Te wymagania obowiązują Cię podczas procesu tworzenia aplikacji oraz użytkowników, którzy korzystają z jej funkcji.

Czat demonstracyjny

Stworzyliśmy czat obsługi klienta, który umożliwia użytkownikom wpisywanie tekstu w pierwszym języku i otrzymywanie tłumaczenia w czasie rzeczywistym dla pracownika obsługi.

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 strony internetowe i aplikacje internetowe na X, YouTubeLinkedIn.

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