การแปลฝั่งไคลเอ็นต์ด้วย AI

Maud Nalpas

Kenji Baheux

Alexandra Klepper

Published: May 16, 2024, Last updated: November 13, 2024

วิดีโออธิบาย	เว็บ	ส่วนขยาย	สถานะ Chrome	ความตั้งใจ
MDN	Chrome 138	Chrome 138	ดู	ความตั้งใจที่จะเปิดตัว

การขยายธุรกิจไปยังตลาดต่างประเทศอาจมีค่าใช้จ่ายสูง ตลาดที่มากขึ้นมักหมายถึงภาษาที่ต้องรองรับมากขึ้น และภาษาที่มากขึ้นอาจนำไปสู่ความท้าทายเกี่ยวกับฟีเจอร์และโฟลว์แบบโต้ตอบ เช่น แชทสนับสนุนหลังการขาย หากบริษัทของคุณมีตัวแทนฝ่ายสนับสนุนที่พูดภาษาอังกฤษได้เท่านั้น ผู้ที่ไม่ได้ใช้ภาษาอังกฤษเป็นภาษาแม่ก็อาจพบว่าเป็นการยากที่จะอธิบายปัญหาที่พบอย่างชัดเจน

เราจะใช้ AI เพื่อปรับปรุงประสบการณ์การใช้งานสำหรับผู้ใช้ที่พูดได้หลายภาษาได้อย่างไร พร้อมทั้งลดความเสี่ยงและยืนยันว่าคุ้มค่าที่จะลงทุนในตัวแทนฝ่ายสนับสนุนที่พูดภาษาอื่นๆ ได้หรือไม่

ผู้ใช้บางรายพยายามข้ามผ่านอุปสรรคด้านภาษาด้วยฟีเจอร์การแปลหน้าเว็บในตัวของเบราว์เซอร์หรือเครื่องมือของบุคคลที่สาม แต่ประสบการณ์การใช้งานฟีเจอร์แบบโต้ตอบ เช่น แชทสนับสนุนหลังการขายของเรานั้นยังไม่ดีเท่าที่ควร

สำหรับเครื่องมือแชทที่มีการแปลในตัว สิ่งสำคัญคือต้องลดความล่าช้าให้เหลือน้อยที่สุด การประมวลผลภาษาในอุปกรณ์จะช่วยให้คุณแปลได้แบบเรียลไทม์ก่อนที่ผู้ใช้จะส่งข้อความด้วยซ้ำ

อย่างไรก็ตาม ความโปร่งใสเป็นสิ่งสำคัญอย่างยิ่งเมื่อใช้เครื่องมืออัตโนมัติเพื่อลดช่องว่างด้านภาษา โปรดแจ้งให้ชัดเจนว่าคุณได้ใช้เครื่องมือ AI ที่อนุญาตให้มีการแปลนี้ก่อนเริ่มการสนทนา วิธีนี้จะช่วยกำหนดความคาดหวังและหลีกเลี่ยงช่วงเวลาที่น่าอึดอัดใจหากการแปลไม่สมบูรณ์แบบ โปรดลิงก์ไปยังนโยบายของคุณพร้อมข้อมูลเพิ่มเติม

เรากำลังพัฒนา Translator API ฝั่งไคลเอ็นต์ที่มีโมเดลในตัวของ Chrome

แชทเดโม

เราได้สร้างแชทสนับสนุนลูกค้าที่อนุญาตให้ผู้ใช้พิมพ์ในภาษาแรกและรับการแปลแบบเรียลไทม์สำหรับตัวแทนฝ่ายสนับสนุน

ใช้ Translator API

หากต้องการตรวจสอบว่าระบบรองรับ Translator API หรือไม่ ให้เรียกใช้ข้อมูลโค้ดการตรวจหาฟีเจอร์ต่อไปนี้

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

ตรวจสอบการรองรับคู่ภาษา

ระบบจะจัดการการแปลด้วยแพ็กภาษาที่ดาวน์โหลดตามความต้องการ แพ็กภาษาเป็นเหมือนพจนานุกรมสำหรับภาษาหนึ่งๆ

• sourceLanguage: ภาษาปัจจุบันของข้อความ
• targetLanguage: ภาษาที่ต้องการให้แปลข้อความ

ใช้รหัสย่อของภาษา BCP 47 เป็น สตริง เช่น 'es' สำหรับภาษาสเปนหรือ 'fr' สำหรับภาษาฝรั่งเศส

ตรวจสอบความพร้อมใช้งานของ โมเดล และรอฟัง downloadprogress ดังนี้

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

หากดาวน์โหลดไม่สำเร็จ เหตุการณ์ downloadprogress จะหยุดลงและระบบจะปฏิเสธสัญญา ready

สร้างและเรียกใช้ตัวแปล

หากต้องการสร้างตัวแปล ให้เรียกใช้ฟังก์ชัน create() แบบไม่พร้อมกัน ฟังก์ชันนี้ต้องใช้พารามิเตอร์ตัวเลือกที่มี 2 ช่อง ได้แก่ ช่องสำหรับ sourceLanguage และช่องสำหรับ targetLanguage

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

เมื่อมีตัวแปลแล้ว ให้เรียกใช้ฟังก์ชัน translate() แบบไม่พร้อมกันเพื่อแปลข้อความ

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

ขั้นตอนถัดไป

เราอยากเห็นสิ่งที่คุณสร้างด้วย Translator API โปรดแชร์ เว็บไซต์และเว็บแอปพลิเคชันของคุณกับเราบน X, YouTube และ LinkedIn

คุณสามารถลงชื่อสมัครใช้โปรแกรมทดลองใช้ล่วงหน้า เพื่อทดสอบ API นี้และ API อื่นๆ ด้วยต้นแบบในเครื่อง