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

ดู Translator API เวอร์ชันทดลองเพื่อเพิ่มประสิทธิภาพการสนับสนุนลูกค้าทั่วโลก

Maud Nalpas
Maud Nalpas
X GitHub
Kenji Baheux
Kenji Baheux
Alexandra Klepper
Alexandra Klepper
X GitHub LinkedIn

เผยแพร่: 16 พฤษภาคม 2024 อัปเดตล่าสุด: 13 พฤศจิกายน 2024

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

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

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

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

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

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

แชทสาธิต

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

ใช้ Translator API

Translator API นี้มีเมธอดสำคัญ 2 รายการ ได้แก่

  • canTranslate(): ตรวจสอบว่าโมเดลการแปลสำหรับคู่ภาษาของคุณพร้อมใช้งานหรือไม่ แสดงผลเป็น "readily" หากโมเดลมีอยู่ในอุปกรณ์แล้ว "after-download" หากเบราว์เซอร์ต้องดาวน์โหลดโมเดลก่อน และ "no" หากแปลไม่ได้
  • createTranslator(): การดำเนินการนี้จะตั้งค่าออบเจ็กต์ Translator แบบไม่พร้อมกัน หากต้องดาวน์โหลดโมเดล ระบบจะรอจนกว่าโมเดลจะพร้อม

ออบเจ็กต์ Translator มีเมธอดเพียง 1 เมธอด ดังนี้

  • translate(): ป้อนข้อความต้นฉบับ แล้วระบบจะแสดงผลเวอร์ชันที่แปลแล้ว

เนื่องจากขณะนี้ฟีเจอร์นี้ยังอยู่ในขั้นทดลองและใช้ได้เฉพาะใน Chrome เท่านั้น โปรดรวมโค้ดทั้งหมดไว้ในการตรวจหาฟีเจอร์

const supportsOnDevice = 'model' in window && 'createTranslator' in model;
if (!supportsOnDevice) {
  return;
}

const parameters = { sourceLanguage: 'en', targetLanguage: 'pt' };
const modelState = await model.canTranslate(parameters);
if (modelState === 'no') {
  return;
}
const onDeviceTranslator = await model.createTranslator(parameters);

const result = await onDeviceTranslator.translate(input);
if (!result) {
  throw new Error('Failed to translate');
}
return result;

โมเดลต้องใช้เวลาในการพร้อมให้บริการแก่ผู้ใช้ คุณดำเนินการนี้ได้ด้วย 2 วิธี ดังนี้

  • รอให้เปิดใช้องค์ประกอบ UI ที่ทำงานด้วยคำแปลเมื่อโมเดลพร้อมแล้ว
  • เริ่มต้นด้วย AI ฝั่งเซิร์ฟเวอร์สําหรับการแปล แล้วเปลี่ยนไปใช้ฝั่งไคลเอ็นต์เมื่อดาวน์โหลดโมเดลแล้ว

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

ลงชื่อสมัครใช้ช่วงทดลองใช้ต้นทางของ Translator API เพื่อเปิดใช้ฟีเจอร์การแปลสำหรับผู้ใช้ทุกคนในต้นทางของคุณใน Chrome

เรารอฟังเรื่องราวจากคุณ โปรดแชร์ความคิดเห็นเกี่ยวกับแนวทางนี้โดยเปิดปัญหาในคําอธิบายและบอกเราว่า Use Case ใดที่คุณสนใจมากที่สุด

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