Veröffentlicht am 16. Mai 2024, zuletzt aktualisiert am 13. November 2024
| Erklärvideo | Web | Erweiterungen | Chrome-Status | Absicht |
|---|---|---|---|---|
| MDN |  Chrome 138 |
Chrome 138 |
Ansicht | Versandabsicht |
Die Erschließung internationaler Märkte kann teuer sein. Mehr Märkte bedeuten in der Regel mehr Sprachen, die unterstützt werden müssen. Das kann zu Problemen mit interaktiven Funktionen und Abläufen führen, z. B. mit dem Chat für den Kundensupport nach dem Kauf. Wenn Ihr Unternehmen nur englischsprachige Kundensupportmitarbeiter hat, können sich nicht englischsprachige Kunden möglicherweise schwer tun, genau zu erklären, welches Problem sie haben.
Wie können wir KI nutzen, um die Nutzerfreundlichkeit für mehrsprachige Kunden zu verbessern, gleichzeitig das Risiko zu minimieren und zu prüfen, ob es sich lohnt, in Kundensupportmitarbeiter zu investieren, die weitere Sprachen sprechen?
Einige Nutzer versuchen, die Sprachbarriere mit der integrierten Seitenübersetzungsfunktion ihres Browsers oder mit Drittanbietertools zu überwinden. Die Nutzerfreundlichkeit ist jedoch bei interaktiven Funktionen wie unserem Chat für den Kundensupport nach dem Kauf nicht optimal.
Bei Chat-Tools mit integrierter Übersetzung ist es wichtig, Verzögerungen zu minimieren. Wenn Sie die Sprache auf dem Gerät verarbeiten, können Sie in Echtzeit übersetzen, bevor der Nutzer die Nachricht überhaupt sendet.
Transparenz ist jedoch entscheidend, wenn Sie eine Sprachbarriere mit automatisierten Tools überwinden. Machen Sie vor Beginn des Gesprächs deutlich, dass Sie KI-Tools implementiert haben, die diese Übersetzung ermöglichen. So werden Erwartungen geweckt und unangenehme Momente vermieden, wenn die Übersetzung nicht perfekt ist. Verlinken Sie auf Ihre Richtlinie mit weiteren Informationen.
Wir arbeiten an einer clientseitigen Translator API mit einem in Chrome integrierten Modell.
Hardwareanforderungen prüfen
Die folgenden Anforderungen gelten für Entwickler und Nutzer, die Funktionen mit diesen APIs in Chrome verwenden. Bei anderen Browsern gelten möglicherweise andere Betriebsanforderungen.
Die Language Detector API und die Translator API funktionieren in Chrome auf dem Computer. Diese APIs funktionieren nicht auf Mobilgeräten.
Die Prompt API, Summarizer API, Writer API, Rewriter API und Proofreader API funktionieren in Chrome, wenn die folgenden Bedingungen erfüllt sind:
- Betriebssystem: Windows 10 oder 11, macOS 13 oder höher (Ventura und höher), Linux oder ChromeOS (ab Plattform 16389.0.0) auf Chromebook Plus-Geräten. Chrome für Android, iOS und ChromeOS auf Nicht-Chromebook Plus-Geräten wird noch nicht unterstützt von den APIs, die Gemini Nano verwenden.
- Speicher: Mindestens 22 GB freier Speicherplatz auf dem Volume, das Ihr Chrome-Profil enthält.
- GPU oder CPU: Integrierte Modelle können mit GPU oder CPU ausgeführt werden.
- GPU: Mehr als 4 GB VRAM.
- CPU: Mindestens 16 GB RAM und mindestens 4 CPU-Kerne.
- Netzwerk: Unbegrenzte Daten oder eine nicht getaktete Verbindung.
Die genaue Größe von Gemini Nano kann variieren, da der Browser das Modell aktualisiert. Die aktuelle Größe finden Sie unter chrome://on-device-internals.
Demo-Chat
Wir haben einen Kundensupport-Chat entwickelt, in dem Nutzer in ihrer Muttersprache schreiben und eine Echtzeitübersetzung für den Kundensupportmitarbeiter erhalten können.
Translator API verwenden
Führen Sie den folgenden Code-Snippet zur Funktions erkennung aus, um zu prüfen, ob die Translator API unterstützt wird.
if ('Translator' in self) {
// The Translator API is supported.
}
Unterstützung für Sprachenpaare prüfen
Die Übersetzung wird mit Sprachpaketen verwaltet, die bei Bedarf heruntergeladen werden. Ein Sprach paket ist wie ein Wörterbuch für eine bestimmte Sprache.
sourceLanguage: Die aktuelle Sprache des Texts.targetLanguage: Die Zielsprache, in die der Text übersetzt werden soll.
Verwenden Sie BCP 47-Sprachkurzcodes als
Strings. Beispiel: 'es' für Spanisch oder 'fr' für Französisch.
Bestimmen Sie die Modellverfügbarkeit
und warten Sie auf die downloadprogress:
const translator = await Translator.create({
sourceLanguage: 'es',
targetLanguage: 'fr',
monitor(m) {
m.addEventListener('downloadprogress', (e) => {
console.log(`Downloaded ${e.loaded * 100}%`);
});
},
});
Wenn der Download fehlschlägt, werden die downloadprogress-Ereignisse beendet und
das ready-Promise wird abgelehnt.
Übersetzer erstellen und ausführen
Rufen Sie die asynchrone create()
Funktion auf, um einen Übersetzer zu erstellen. Dazu ist ein Optionsparameter mit zwei
Feldern erforderlich, eines für die sourceLanguage und eines für die targetLanguage.
// Create a translator that translates from English to French.
const translator = await Translator.create({
sourceLanguage: 'en',
targetLanguage: 'fr',
});
Sobald Sie einen Übersetzer haben, rufen Sie die asynchrone translate() Funktion auf, um
Ihren Text zu übersetzen.
await translator.translate('Where is the next bus stop, please?');
// "Où est le prochain arrêt de bus, s'il vous plaît ?"
Nächste Schritte
Wir möchten sehen, was Sie mit der Translator API entwickeln. Teilen Sie uns Ihre Websites und Webanwendungen auf X, YouTube, und LinkedIn mit.