অন্তর্নির্মিত AI সহ অনুবাদ

Thomas Steiner

Alexandra Klepper

প্রকাশিত: নভেম্বর 13, 2024, শেষ আপডেট: 20 মে, 2025

ব্যাখ্যাকারী	ওয়েব	এক্সটেনশন	ক্রোম স্ট্যাটাস	অভিপ্রায়
MDN	ক্রোম 138	ক্রোম 138	দেখুন	জাহাজের অভিপ্রায়

ব্রাউজারে প্রদত্ত AI মডেলগুলির সাথে পাঠ্য অনুবাদ করতে Chrome-এ Translator API ব্যবহার করুন৷

আপনার ওয়েবসাইট ইতিমধ্যেই একাধিক ভাষায় ওয়েবসাইটের বিষয়বস্তু অফার করতে পারে, যাতে এটি বিশ্বব্যাপী দর্শকদের কাছে অ্যাক্সেসযোগ্য হয়। Translator API-এর সাহায্যে ব্যবহারকারীরা তাদের প্রথম ভাষায় অবদান রাখতে পারেন। উদাহরণস্বরূপ, ব্যবহারকারীরা তাদের প্রথম ভাষায় সমর্থন চ্যাটে অংশগ্রহণ করতে পারে এবং আপনার সাইট ব্যবহারকারীর ডিভাইস ছেড়ে যাওয়ার আগে আপনার সমর্থন এজেন্টরা যে ভাষায় ব্যবহার করে তাতে এটি অনুবাদ করতে পারে। এটি সমস্ত ব্যবহারকারীর জন্য একটি মসৃণ, দ্রুত এবং অন্তর্ভুক্ত অভিজ্ঞতা তৈরি করে৷

ওয়েবে সামগ্রীর অনুবাদের জন্য সাধারণত একটি ক্লাউড পরিষেবা ব্যবহার করে প্রয়োজন হয়৷ প্রথমত, উৎসের বিষয়বস্তু একটি সার্ভারে আপলোড করা হয়, যা একটি টার্গেট ভাষায় অনুবাদ চালায়, তারপর ফলস্বরূপ পাঠ্য ডাউনলোড করা হয় এবং ব্যবহারকারীর কাছে ফেরত দেওয়া হয়। ক্লায়েন্টে অনুবাদ চালানোর মাধ্যমে, আপনি সার্ভার ট্রিপের জন্য প্রয়োজনীয় সময় এবং অনুবাদ পরিষেবা হোস্ট করার খরচ বাঁচান।

শুরু করুন

অনুবাদক API Chrome 138 স্থিতিশীল থেকে উপলব্ধ। প্রথমে, ব্রাউজার অনুবাদক API সমর্থন করে কিনা তা দেখতে বৈশিষ্ট্য সনাক্তকরণ চালান।

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

আপনি সবসময় অনুবাদের লক্ষ্য ভাষা জানেন, আপনি সবসময় উৎস ভাষা নাও জানতে পারেন। এই ধরনের ক্ষেত্রে, আপনি ভাষা সনাক্তকারী API ব্যবহার করতে পারেন।

মডেল ডাউনলোড

অনুবাদক API উচ্চ-মানের সারাংশ তৈরি করতে প্রশিক্ষিত একটি মডেল ব্যবহার করে। এপিআইটি ক্রোমের মধ্যে তৈরি করা হয়েছে এবং কোনো ওয়েবসাইট এই API ব্যবহার করার সময় প্রথমবার একটি বিশেষজ্ঞ মডেল ডাউনলোড করা হয়।

মডেলটি ব্যবহারের জন্য প্রস্তুত কিনা তা নির্ধারণ করতে, asynchronous Translator.availability() ফাংশনটি কল করুন। যদি availability() এর প্রতিক্রিয়া downloadable হয়, তাহলে ডাউনলোডের অগ্রগতি সম্পর্কে ব্যবহারকারীকে জানাতে শুনুন, কারণ এতে সময় লাগতে পারে।

const availability = await Translator.availability();

ভাষা জোড়া সমর্থন পরীক্ষা করুন

ভাষা প্যাক দিয়ে অনুবাদ পরিচালনা করা হয়, চাহিদা অনুযায়ী ডাউনলোড করা হয়। একটি ভাষা প্যাক একটি প্রদত্ত ভাষার জন্য একটি অভিধানের মত।

• sourceLanguage : পাঠ্যের বর্তমান ভাষা।
• targetLanguage : চূড়ান্ত ভাষায় টেক্সট অনুবাদ করা উচিত।

স্ট্রিং হিসাবে BCP 47 ভাষার শর্ট কোড ব্যবহার করুন। উদাহরণস্বরূপ, স্প্যানিশের জন্য 'es' বা ফ্রেঞ্চের জন্য 'fr' ।

const translatorCapabilities = await Translator.availability({
  sourceLanguage: 'es',
  targetLanguage: 'fr',
});
// 'available'

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() ফাংশনটি কল করুন। Translator 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 ?"

বিকল্পভাবে, যদি আপনার দীর্ঘ টেক্সট নিয়ে কাজ করতে হয়, আপনি API-এর স্ট্রিমিং সংস্করণও ব্যবহার করতে পারেন এবং translateStreaming() কল করতে পারেন।

const stream = translator.translateStreaming(longText);
for await (const chunk of stream) {
  console.log(chunk);
}

অনুক্রমিক অনুবাদ

অনুবাদগুলি ক্রমানুসারে প্রক্রিয়া করা হয়। যদি আপনি অনুবাদ করার জন্য প্রচুর পরিমাণে পাঠ্য পাঠান, তবে পরবর্তী অনুবাদগুলি পূর্ববর্তীগুলি সম্পূর্ণ না হওয়া পর্যন্ত অবরুদ্ধ করা হয়।

আপনার অনুরোধের সর্বোত্তম প্রতিক্রিয়ার জন্য, সেগুলিকে একত্রিত করুন এবং একটি লোডিং ইন্টারফেস যোগ করুন, যেমন একটি স্পিনার, বোঝাতে যে অনুবাদ চলছে৷

ডেমো

আপনি ট্রান্সলেটর এপিআই দেখতে পারেন, যা ল্যাঙ্গুয়েজ ডিটেক্টর এপিআই এর সংমিশ্রণে ব্যবহৃত হয়, ট্রান্সলেটর এবং ল্যাঙ্গুয়েজ ডিটেক্টর এপিআই প্লেগ্রাউন্ডে ।

অনুমতি নীতি, iframes, এবং ওয়েব কর্মী

ডিফল্টরূপে, অনুবাদক API শুধুমাত্র শীর্ষ-স্তরের উইন্ডোতে এবং তাদের একই-অরিজিন আইফ্রেমে উপলব্ধ। পারমিশন পলিসি allow="" অ্যাট্রিবিউট ব্যবহার করে এপিআই-এর অ্যাক্সেস ক্রস-অরিজিন আইফ্রেমগুলিতে অর্পণ করা যেতে পারে:

<!--
  The hosting site at https://main.example.com can grant a cross-origin iframe
  at https://cross-origin.example.com/ access to the Translator API by
  setting the `allow="translator"` attribute.
-->
<iframe src="https://cross-origin.example.com/" allow="translator"></iframe>

অনুমতি নীতির স্থিতি পরীক্ষা করার জন্য প্রতিটি কর্মীর জন্য একটি দায়িত্বশীল নথি স্থাপনের জটিলতার কারণে অনুবাদক API আপাতত ওয়েব ওয়ার্কার্সে উপলব্ধ নেই৷

প্রমিতকরণ প্রচেষ্টা

আমরা ক্রস-ব্রাউজার সামঞ্জস্যের জন্য ট্রান্সলেটর এপিআইকে প্রমিত করার জন্য কাজ করছি।

অনুবাদক API এবং ভাষা সনাক্তকারী API W3C WebML ওয়ার্কিং গ্রুপ দ্বারা গৃহীত হয়েছে। আমরা Mozilla এবং WebKit কে তাদের স্ট্যান্ডার্ড পজিশনের জন্য জিজ্ঞাসা করেছি।

মতামত শেয়ার করুন

আপনি কি নির্মাণ করছেন তা আমরা দেখতে চাই। X , YouTube , এবং LinkedIn- এ আমাদের সাথে আপনার ওয়েবসাইট এবং ওয়েব অ্যাপ্লিকেশন শেয়ার করুন।

Chrome এর বাস্তবায়ন সম্পর্কে প্রতিক্রিয়ার জন্য, একটি বাগ রিপোর্ট বা একটি বৈশিষ্ট্য অনুরোধ ফাইল করুন৷