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

Maud Nalpas
Maud Nalpas
Kenji Baheux
Kenji Baheux

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

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

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

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

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

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

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

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

ตรวจสอบข้อกำหนดด้านฮาร์ดแวร์

เครื่องมือตรวจหาภาษาและ Translator API ใช้งานได้ในเดสก์ท็อปใน Chrome เท่านั้น

Prompt API, Summarizer API, Writer API และ Rewriter API จะทำงานใน Chrome ได้เมื่อมีคุณสมบัติตรงตามเงื่อนไขต่อไปนี้

  • ระบบปฏิบัติการ: Windows 10 หรือ 11, macOS 13 ขึ้นไป (Ventura ขึ้นไป) หรือ Linux API ที่ Gemini Nano รองรับยังไม่รองรับ Chrome สำหรับ Android, iOS และ ChromeOS
  • พื้นที่เก็บข้อมูล: อย่างน้อย 22 GB ในวอลุ่มที่มีโปรไฟล์ Chrome
  • GPU: VRAM มากกว่า 4 GB เท่านั้น
  • เครือข่าย: อินเทอร์เน็ตแบบไม่จำกัดหรือการเชื่อมต่อแบบไม่จำกัดปริมาณ

ข้อกำหนดเหล่านี้มีไว้สำหรับคุณในกระบวนการพัฒนาและผู้ใช้ที่ทำงานกับฟีเจอร์ที่คุณสร้างขึ้น

แชทสาธิต

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

ใช้ Translator API

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

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 ช่อง ได้แก่ 1 ช่องสําหรับ sourceLanguage และอีก 1 ช่องสําหรับ 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 อื่นๆ ด้วยโปรโตไทป์ในเครื่อง