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

Maud Nalpas
Maud Nalpas
Kenji Baheux
Kenji Baheux

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

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

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

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

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

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

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

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

ตรวจสอบข้อกำหนดเกี่ยวกับฮาร์ดแวร์

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

API ตรวจหาภาษาและ API แปลภาษาใช้งานได้ใน Chrome บนเดสก์ท็อป API เหล่านี้ใช้ไม่ได้ในอุปกรณ์เคลื่อนที่ Prompt API, Summarizer API, Writer API และ Rewriter API จะทำงานใน Chrome เมื่อเป็นไปตามเงื่อนไขต่อไปนี้

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

ขนาดที่แน่นอนของ Gemini Nano อาจแตกต่างกันเล็กน้อย หากต้องการดูขนาดปัจจุบัน ให้ไปที่ chrome://on-device-internals แล้วไปที่สถานะโมเดล เปิดเส้นทางไฟล์ที่ระบุเพื่อกำหนดขนาดโมเดล

แชทเดโม

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

ใช้ 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 อื่นๆ ด้วยต้นแบบในพื้นที่ได้