কাস্ট বোতামটি ওয়েব রিসিভার থেকে সংযোগ, নিয়ন্ত্রণ এবং সংযোগ বিচ্ছিন্ন করার জন্য একটি ডায়ালগ খোলে৷
কাস্ট বোতাম টেমপ্লেটগুলি ডাউনলোড করতে কাস্ট আইকনগুলি দেখুন৷
মনে রাখবেন কাস্ট বোতামটি Google Cast এর জন্য নির্দিষ্ট নয়; এটি ওয়েব এবং নন-ওয়েব রিসিভার (যেমন ব্লুটুথ হেডসেট) উভয়ের প্রতিনিধিত্ব করতে ব্যবহার করা যেতে পারে। ওয়েব রিসিভারগুলি সর্বদা কাস্ট ডায়ালগের অধীনে উপস্থিত হওয়া উচিত, এবং অন্য ডায়ালগ, মেনু বা নিয়ন্ত্রণের অধীনে কখনই নয়৷
ব্যবহারকারীদের সাথে কাস্টের পরিচয় দিন
কাস্ট বোতাম প্রবর্তন করা বর্তমান ব্যবহারকারীদের জানতে সাহায্য করে যে প্রেরক অ্যাপটি এখন কাস্টিং সমর্থন করে এবং Google Cast এ নতুন ব্যবহারকারীদের সহায়তা করে।
প্রয়োজন
প্রথমবার ওয়েব রিসিভার উপলব্ধ হলে একটি কাস্ট পরিচিতি স্ক্রীন দেখান৷ iOS প্রেরকদের জন্য, কাস্ট বোতামটি প্রথমবার প্রদর্শিত হলে একটি কাস্ট ভূমিকা স্ক্রীন দেখান৷
B বোতামটি চক্কর দিয়ে কাস্ট বোতামটিকে দৃশ্যত হাইলাইট করুন)
কাস্ট বোতাম কীভাবে কাজ করে তা ব্যাখ্যা করুন (উদাহরণস্বরূপ, "আপনার টিভিতে ভিডিও কাস্ট করতে স্পর্শ করুন" এর মতো একটি বার্তা প্রদর্শন করা)
অ্যান্ড্রয়েড
ভূমিকা নিক্ষেপ

হোম স্ক্রীন কাস্ট করুন

iOS
ভূমিকা নিক্ষেপ

হোম স্ক্রীন কাস্ট করুন

ক্রোম
ভূমিকা নিক্ষেপ

হোম স্ক্রীন কাস্ট করুন

কাস্ট বোতামের উপলব্ধতা
প্রয়োজন
একটি কাস্ট বোতাম অবশ্যই প্রতিটি স্ক্রীন থেকে দৃশ্যমান হতে হবে যেখানে খেলার যোগ্য সামগ্রী রয়েছে এবং সামগ্রী ব্রাউজ করার বা চালানোর সময় একটি সামঞ্জস্যপূর্ণ অবস্থানে থাকা উচিত৷ এটি গ্লোবাল কন্ট্রোলের জন্য Chrome এর হেডারেও প্রদর্শিত হবে।
B Chrome-এ, ওয়েব রিসিভার উপলব্ধ না হলে কাস্ট বোতামটি লুকিয়ে রাখা যেতে পারে৷ অ্যান্ড্রয়েড এবং আইওএস প্রেরকদের জন্য, ডিভাইসটি ওয়াই-ফাই থাকা অবস্থায় কাস্ট বোতামটি সর্বদা প্রদর্শিত হওয়া উচিত, তাই ব্যবহারকারী স্থানীয় নেটওয়ার্ক অ্যাক্সেস বন্ধ করে দিলে এবং এর ফলে ডিভাইসগুলি অনাবিষ্কৃত হলে যথাযথ সাহায্য দেওয়া যেতে পারে (এর জন্য iOS অনুমতি এবং আবিষ্কার দেখুন আরো বিস্তারিত)।
C মোবাইল অ্যাপে, কাস্ট বোতামটি ডানদিকে থাকা উচিত।
D Chrome-এ, কাস্ট বোতামটি কন্টেন্ট মিডিয়া কন্ট্রোলের ডানদিকে থাকা উচিত (উদাহরণস্বরূপ, এম্বেড করা ভিডিও দেখুন)। যদি মিডিয়া কন্ট্রোলে একটি পূর্ণস্ক্রীন বোতাম থাকে, তাহলে এর বাম দিকে কাস্ট বোতামটি রাখুন।
দ্রষ্টব্য
Google Cast একটি মাল্টি-টাস্কিং মডেল নিয়োগ করে, যা ব্যবহারকারীদের কাস্ট করার সময় প্রেরক অ্যাপ এবং অন্যান্য অ্যাপ ব্রাউজ করতে দেয়। কাস্ট বোতামটি অবশ্যই প্রতিটি স্ক্রীন থেকে দৃশ্যমান হতে হবে যেখানে খেলার যোগ্য সামগ্রী রয়েছে, তাই ব্যবহারকারীকে টিভিতে কন্টেন্ট বাজানো কোথায় থামাতে বা থামাতে হবে তা খুঁজে বের করতে হবে না৷
অ্যান্ড্রয়েড
প্রেরকের সংযোগ বিচ্ছিন্ন

হোম স্ক্রীন কাস্ট করুন

iOS
প্রেরকের সংযোগ বিচ্ছিন্ন

হোম স্ক্রীন কাস্ট করুন

ক্রোম
প্রেরকের সংযোগ বিচ্ছিন্ন

হোম স্ক্রীন কাস্ট করুন

কাস্ট বোতামের অবস্থা
প্রয়োজন
একটি সংযোগ বিচ্ছিন্ন: ওয়েব রিসিভার উপলব্ধ হলে, কাস্ট বোতামটি উপস্থিত হয়৷
B কানেক্টিং: যখন ওয়েব রিসিভার কানেক্ট হচ্ছে, কাস্ট বোতামটি আইকনে থাকা তরঙ্গগুলিকে ক্রমান্বয়ে অ্যানিমেট করে (বিশদ বিবরণের জন্য, নীচের নোট দেখুন)
সি সংযুক্ত: যখন এই অ্যাপটি কাস্ট ওয়েব রিসিভারের সাথে সংযুক্ত থাকে, তখন এর কাস্ট বোতামটি একটি ভরাট ফ্রেম আকৃতির সাথে প্রদর্শিত হয়
সর্বোত্তম অনুশীলন
প্রতিটি বোতাম স্টেটের জন্য, আপনার অ্যাপের অন্যান্য UI উপাদানের শৈলীর সাথে মেলে এমন রং ব্যবহার করুন। চালু / সংযুক্ত অবস্থার জন্য একটি স্বতন্ত্র হাইলাইট রঙ (যেমন হলুদ) ব্যবহার করা ঐচ্ছিক।
নোট
- কাস্ট ডিভাইসের প্রাপ্যতা নির্বিশেষে কাস্ট এক্সটেনশনে অ্যাক্সেস প্রদান করতে Chrome, Android এবং iOS-এ কাস্ট আইকন প্রদর্শিত হয়।
- কানেক্টিং (অ্যানিমেটেড) অবস্থা প্রদর্শিত হয় যখন কাস্ট API-এর সাথে সংযোগটি প্রত্যাশার চেয়ে বেশি সময় নেয় (অ্যান্ড্রয়েড এবং ক্রোম SDK স্বয়ংক্রিয়ভাবে কাস্ট আইকনটিকে অ্যানিমেট করবে)। একবার সংযুক্ত হলে, ওয়েব রিসিভার অ্যাপ চালু হয়।
- কাস্ট আইকনের চালু / সংযুক্ত অবস্থা আপডেট করা হয়েছে এবং এখন আইকন ফ্রেমের মধ্যে একটি কঠিন ফিল ব্যবহার করে৷ নতুন কাস্ট আইকন এবং আইকন টেমপ্লেটগুলি এখানে উপলব্ধ৷
অ্যান্ড্রয়েড
প্রেরক, কাস্ট সংযোগ বিচ্ছিন্ন

হোম স্ক্রীন কাস্ট করুন

প্রেরক, কাস্ট সংযোগ

হোম স্ক্রীন কাস্ট করুন

প্রেরক, কাস্ট সংযুক্ত

ওয়েব রিসিভার অ্যাপ লোড হচ্ছে

প্রেরক, কাস্ট সংযুক্ত

ওয়েব রিসিভার অ্যাপ লোড / নিষ্ক্রিয়

iOS
প্রেরক, কাস্ট অনুপলব্ধ৷

হোম স্ক্রীন কাস্ট করুন

প্রেরক, কাস্ট সংযোগ বিচ্ছিন্ন

হোম স্ক্রীন কাস্ট করুন

প্রেরক, কাস্ট সংযোগ

হোম স্ক্রীন কাস্ট করুন

প্রেরক, কাস্ট সংযুক্ত

ওয়েব রিসিভার অ্যাপ লোড হচ্ছে

প্রেরক, কাস্ট সংযুক্ত

ওয়েব রিসিভার অ্যাপ লোড / নিষ্ক্রিয়

ক্রোম
প্রেরক, কাস্ট অনুপলব্ধ৷

কাস্ট আইকনটি সংযোগের অবস্থা নির্বিশেষে কাস্ট এক্সটেনশনে অ্যাক্সেস প্রদান করতে Chrome-এ প্রদর্শিত হয়।
হোম স্ক্রীন কাস্ট করুন

প্রেরক, কাস্ট সংযোগ বিচ্ছিন্ন

হোম স্ক্রীন কাস্ট করুন

প্রেরক, কাস্ট সংযোগ

হোম স্ক্রীন কাস্ট করুন

প্রেরক, কাস্ট সংযুক্ত

ওয়েব রিসিভার অ্যাপ লোড হচ্ছে

প্রেরক, কাস্ট সংযুক্ত

ওয়েব রিসিভার অ্যাপ লোড / নিষ্ক্রিয়

এই ডিজাইন গাইডে ব্যবহৃত ছবিগুলি ব্লেন্ডার ফাউন্ডেশনের সৌজন্যে, কপিরাইট বা ক্রিয়েটিভ কমন্স লাইসেন্সের অধীনে শেয়ার করা হয়েছে।
- হাতির স্বপ্ন: (গ) কপিরাইট 2006, ব্লেন্ডার ফাউন্ডেশন / নেদারল্যান্ডস মিডিয়া আর্ট ইনস্টিটিউট / www.elephantsdream.org
- Sintel: (c) কপিরাইট ব্লেন্ডার ফাউন্ডেশন | www.sintel.org
- ইস্পাত অশ্রু: (সিসি) ব্লেন্ডার ফাউন্ডেশন | mango.blender.org
- বিগ বক বানি: (গ) কপিরাইট 2008, ব্লেন্ডার ফাউন্ডেশন / www.bigbuckbunny.org