স্টাইলযুক্ত মিডিয়া রিসিভার

স্টাইলড মিডিয়া রিসিভার (SMR) আপনার প্রেরক অ্যাপ্লিকেশনটিকে আপনার নিজস্ব কাস্টম রিসিভার অ্যাপ্লিকেশন তৈরি না করে একটি কাস্ট ডিভাইসে মিডিয়া চালানোর অনুমতি দেয়৷ আপনি নিবন্ধনের সময় আপনার নিজস্ব CSS ফাইল প্রদান করে SMR রঙের স্কিম এবং ব্র্যান্ডিং কাস্টমাইজ করতে পারেন।

নিবন্ধন

আপনার অ্যাপ্লিকেশনের জন্য SMR ব্যবহার করতে আপনি যখন Google Cast SDK বিকাশকারী কনসোলে একটি নতুন অ্যাপ্লিকেশন যোগ করবেন তখন স্টাইলযুক্ত মিডিয়া রিসিভার বিকল্পটি নির্বাচন করুন৷ আরও তথ্যের জন্য নিবন্ধন দেখুন। এই বিকল্পটিতে ডিফল্ট স্টাইল শীটের পূর্বরূপ দেখার একটি লিঙ্ক এবং সেইসাথে একটি ক্ষেত্র রয়েছে যেখানে আপনি আপনার স্টাইল শীটে URL লিখবেন। আপনি হয় ডিফল্ট শৈলী ব্যবহার করতে পারেন অথবা আপনার CSS ফাইলে HTTPS URL প্রদান করতে পারেন। আপনি CSS ফাইল হোস্ট করতে আপনার নিজের সার্ভার ব্যবহার করতে পারেন. একবার আপনি আপনার CSS ফাইলে URL প্রদান করলে, আপনার স্টাইল রিসিভারে কেমন দেখাবে তা দেখতে আপনি পূর্বরূপ ক্লিক করতে পারেন।

সমর্থিত মিডিয়া

সমর্থিত মিডিয়াতে বর্ণিত সমস্ত রিসিভার মিডিয়া প্রকারগুলিকে সমর্থন করে।

SMR ভিডিও, অডিও এবং ছবি সমর্থন করে এবং কাস্ট SDK মিডিয়া চ্যানেল ব্যবহার করে প্রেরক অ্যাপ্লিকেশন থেকে নিয়ন্ত্রিত হয়। কাস্ট ডিভাইসে মিডিয়া প্লেব্যাকের জন্য SMR সম্পূর্ণরূপে UX নির্দেশিকা মেনে চলে।

ফন্ট টাইপ করুন

রিসিভারের সাথে প্রাক-ইনস্টল করা ফন্টগুলির তালিকার জন্য প্রি-ইনস্টল করা ফন্টগুলি দেখুন।

সিএসএস

স্টাইলযুক্ত মিডিয়া রিসিভার নিম্নলিখিত CSS ক্লাসগুলি ব্যবহার করে:

  • .ব্যাকগ্রাউন্ড : রিসিভারের ব্যাকগ্রাউন্ড।
  • .logo : রিসিভার চালু হওয়ার সময় লোগো দেখানো হয়। এই ক্লাসটিও ব্যবহার করা হয় যখন রিসিভার নিষ্ক্রিয় অবস্থায় থাকে এবং কোন .splash ক্লাস ঘোষণা করা হয় না।
  • .progressBar : মিডিয়া প্লেব্যাকের জন্য অগ্রগতি বার।
  • .splash : রিসিভার নিষ্ক্রিয় অবস্থায় থাকা অবস্থায় স্ক্রীনটি দেখানো হয়। যদি এই শ্রেণীটি ঘোষণা না করা হয়, তাহলে রিসিভার ডিফল্ট .logo বা অ্যাপের নাম ব্যবহার করবে।
  • .watermark : মিডিয়া বাজানোর সময় দেখানো একটি জলছাপ।

এখানে একটি উদাহরণ CSS ফাইল রয়েছে যা এই ক্লাসগুলি ব্যবহার করে:

.background {
  background: center no-repeat url(background.png);
}

.logo {
  background-image: url(logo.png);
}

.progressBar {
  background-color: rgb(238, 255, 65);
}

.splash {
  background-image: url(splash.png);
}

.watermark {
  background-image: url(watermark.png);
  background-size: 57px 57px;
}

নিম্নে ব্যবহার করা এই ক্লাসগুলির কিছু চিত্র দেওয়া হল।

ভিডিও

দ্রষ্টব্য : ভিডিও চিত্র শিল্পটি 96x143 পিক্সেল এবং মিডিয়া মেটাডেটার সাথে যুক্ত প্রথম চিত্র সংস্থান প্রদর্শনের জন্য নির্বাচন করা হয়েছে। প্রত্যাশিত মাত্রার সাথে মানানসই চিত্রগুলিকে স্কেল করা হয়েছে৷

শ্রুতি

দ্রষ্টব্য : অডিও অ্যালবাম শিল্পটি 384x384 পিক্সেল এবং মিডিয়া মেটাডেটার সাথে যুক্ত প্রথম চিত্র সংস্থান প্রদর্শনের জন্য নির্বাচিত হয়েছে৷ প্রত্যাশিত মাত্রার সাথে মানানসই চিত্রগুলিকে স্কেল করা হয়েছে৷

বিগ বক বানির ছবি: (গ) কপিরাইট 2008, ব্লেন্ডার ফাউন্ডেশন / www.bigbuckbunny.org

Sintel থেকে ছবি: (c) কপিরাইট ব্লেন্ডার ফাউন্ডেশন / www.sintel.org