প্রকাশিত: নভেম্বর 13, 2024, শেষ আপডেট: 20 মে, 2025
Browser Support
ব্রাউজারে প্রদত্ত AI মডেলগুলির সাথে পাঠ্য অনুবাদ করতে Chrome-এ Translator API ব্যবহার করুন৷
আপনার ওয়েবসাইট ইতিমধ্যে একাধিক ভাষায় ওয়েবসাইটের বিষয়বস্তু অফার করতে পারে। Translator API-এর সাহায্যে ব্যবহারকারীরা তাদের প্রথম ভাষায় লিখতে পারেন। উদাহরণস্বরূপ, ব্যবহারকারীরা তাদের প্রথম ভাষায় সমর্থন চ্যাটে অংশগ্রহণ করতে পারে এবং আপনার সাইট তাদের বার্তাটিকে আপনার সমর্থন এজেন্টের প্রথম ভাষায় অনুবাদ করতে পারে, বার্তাটি ব্যবহারকারীর ডিভাইস থেকে চলে যাওয়ার আগে। এটি সমস্ত ব্যবহারকারীর জন্য একটি মসৃণ, দ্রুত এবং অন্তর্ভুক্ত অভিজ্ঞতা তৈরি করে৷
ওয়েব সামগ্রীর অনুবাদের জন্য সাধারণত একটি ক্লাউড পরিষেবা ব্যবহার করা প্রয়োজন৷ প্রথমত, উৎসের বিষয়বস্তু একটি সার্ভারে আপলোড করা হয়, যা একটি টার্গেট ভাষায় অনুবাদ চালায়, তারপর ফলস্বরূপ পাঠ্য ডাউনলোড করা হয় এবং ব্যবহারকারীর কাছে ফেরত দেওয়া হয়। যখন বিষয়বস্তু ক্ষণস্থায়ী হয় এবং একটি ডাটাবেসে সংরক্ষণের নিশ্চয়তা দেয় না, তখন ক্লায়েন্ট-সাইড অনুবাদ একটি হোস্ট করা অনুবাদ পরিষেবার সময় এবং খরচ বাঁচায়।
শুরু করুন
ব্রাউজার অনুবাদক API সমর্থন করে কিনা তা দেখতে বৈশিষ্ট্য সনাক্তকরণ চালান৷
if ('Translator' in self) {
// The Translator API is supported.
}
আপনি সবসময় অনুবাদের লক্ষ্য ভাষা জানেন, আপনি সবসময় উৎস ভাষা নাও জানতে পারেন। এই ধরনের ক্ষেত্রে, আপনি ভাষা সনাক্তকারী API ব্যবহার করতে পারেন।
মডেল ডাউনলোড
অনুবাদক API উচ্চ-মানের অনুবাদ তৈরি করতে প্রশিক্ষিত একটি বিশেষজ্ঞ মডেল ব্যবহার করে। এপিআইটি ক্রোমের মধ্যে তৈরি করা হয়েছে এবং কোনো ওয়েবসাইট এই API ব্যবহার করলে মডেলটি প্রথমবার ডাউনলোড করা হয়।
মডেলটি ব্যবহারের জন্য প্রস্তুত কিনা তা নির্ধারণ করতে, asynchronous Translator.availability()
ফাংশনটি কল করুন। যদি availability()
এর প্রতিক্রিয়া downloadable
হয়, তাহলে ডাউনলোডের অগ্রগতি সম্পর্কে ব্যবহারকারীকে জানাতে শুনুন, কারণ এতে সময় লাগতে পারে।
ভাষা জোড়া সমর্থন পরীক্ষা করুন
ভাষা প্যাক দিয়ে অনুবাদ পরিচালনা করা হয়, চাহিদা অনুযায়ী ডাউনলোড করা হয়। একটি ভাষা প্যাক একটি প্রদত্ত ভাষার জন্য একটি অভিধানের মত।
-
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 host site 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 ওয়েব ওয়ার্কার্সে উপলব্ধ নয়।
মতামত শেয়ার করুন
আপনি কি নির্মাণ করছেন তা আমরা দেখতে চাই। X , YouTube , এবং LinkedIn- এ আমাদের সাথে আপনার ওয়েবসাইট এবং ওয়েব অ্যাপ্লিকেশন শেয়ার করুন।
Chrome এর বাস্তবায়ন সম্পর্কে প্রতিক্রিয়ার জন্য, একটি বাগ রিপোর্ট বা একটি বৈশিষ্ট্য অনুরোধ ফাইল করুন৷