الترجمة من جهة العميل باستخدام الذكاء الاصطناعي

Maud Nalpas

Kenji Baheux

Alexandra Klepper

تاريخ النشر: 16 مايو 2024، تاريخ آخر تعديل: 13 نوفمبر 2024

شرح	الويب	الإضافات	حالة Chrome	النيّة بالشراء
MDN	Chrome 138	Chrome 138	العرض	Intent to Ship

قد يكون توسيع نطاق نشاطك التجاري ليشمل أسواقًا دولية مكلفًا. من المرجّح أنّ المزيد من الأسواق يعني المزيد من اللغات التي يجب توفيرها، والمزيد من اللغات قد يؤدي إلى مواجهة تحديات في الميزات التفاعلية والمسارات، مثل محادثة الدعم بعد البيع. إذا كانت شركتك توفّر موظفين للدعم يتحدثون الإنجليزية فقط، قد يجد المتحدثون بلغات أخرى صعوبة في شرح المشكلة التي واجهتهم بالتفصيل.

كيف يمكننا استخدام الذكاء الاصطناعي لتحسين تجربة المستخدمين الذين يتحدثون عدة لغات، مع تقليل المخاطر إلى أدنى حد وتأكيد ما إذا كان من المفيد الاستثمار في موظفي الدعم الذين يتحدثون لغات إضافية؟

يحاول بعض المستخدمين التغلّب على حاجز اللغة باستخدام ميزة ترجمة الصفحات المدمجة في المتصفّح أو أدوات تابعة لجهات خارجية. لكن تجربة المستخدم ليست جيدة بما يكفي مع الميزات التفاعلية، مثل محادثة الدعم بعد البيع.

بالنسبة إلى أدوات المحادثة التي تتضمّن ميزة الترجمة، من المهم تقليل التأخيرات. من خلال معالجة اللغة على الجهاز، يمكنك الترجمة في الوقت الفعلي قبل أن يرسل المستخدم الرسالة.

مع ذلك، من المهم جدًا توفير الشفافية عند سدّ فجوة لغوية باستخدام أدوات آلية. يُرجى توضيح أنّك تستخدم أدوات الذكاء الاصطناعي التي تتيح هذه الترجمة قبل بدء المحادثة. يساعد ذلك في تحديد التوقعات وتجنُّب المواقف المحرجة إذا لم تكن الترجمة مثالية. أدرِج رابطًا يؤدي إلى سياستك التي تتضمّن المزيد من المعلومات.

نحن نعمل على تطوير 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(). يتطلّب ذلك معلَمة خيارات تتضمّن حقلَين، أحدهما لـ 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.

يمكنك الاشتراك في "برنامج المعاينة المبكرة" لاختبار واجهة برمجة التطبيقات هذه وغيرها باستخدام نماذج أولية محلية.