প্লাগইন বিষয়বস্তু পোস্টার ইমেজ ব্যবহার করে

বেশ কয়েক সপ্তাহ আগে, ক্রোম একটি নতুন বিষয়বস্তু সেটিং ঘোষণা করেছে যা প্লাগইন সামগ্রীকে স্বয়ংক্রিয়ভাবে বিরতি দেয় যা এটি সনাক্ত করে যে এটি সাইটের মূল বিষয়বস্তুর পেরিফেরাল হতে Chrome 45 এর সমস্ত ব্যবহারকারীদের কাছে লাইভ হবে (স্থির সেপ্টেম্বর 2015)। CPU ব্যবহার এবং পাওয়ার খরচের ক্ষেত্রে এটি আপনার ব্যবহারকারীদের জন্য একটি জয়, কিন্তু এর ফলে তারা আপনার ওয়েবসাইট প্রদান করা সম্পূর্ণ বিষয়বস্তু দেখতে পাবে না।

সৌভাগ্যবশত, সেটিংটিও পোস্টার প্যারামিটারটিকে একইভাবে সম্মান করে যেমন ভিডিও উপাদানগুলি করে। এটি আপনাকে একটি ইমেজ নির্দিষ্ট করতে দেয় যা পজ করা প্লাগইনের জায়গায় ব্যবহার করা উচিত, ক্রোম আপনার প্লাগইন সামগ্রীতে যে ফ্রেমে বিরতি দেয় তার পরিবর্তে।

এখানে অনুশীলনে এটি ব্যবহার করার একটি উদাহরণ। Chrome যদি flash.swf পজ করার সিদ্ধান্ত নেয়, poster.png তার জায়গায় দেখানো হবে। ব্যবহারকারী পোস্টারে ক্লিক করলে ফ্ল্যাশ কন্টেন্ট স্বাভাবিকের মতো চলবে।

<object data="http://example.com/flash.swf"  
        type="application/x-shockwave-flash"
        poster="poster.png">
</object>

পোস্টার প্যারামিটারের মান একটি img ট্যাগের srcset বৈশিষ্ট্যের মতোই ব্যাখ্যা করা হয়, তাই এটি উচ্চ-DPI প্রদর্শনকেও সমর্থন করতে পারে। এখানে srcset সিনট্যাক্সের একটি উদাহরণ:

<object data="http://example.com/flash.swf"  
        type="application/x-shockwave-flash"
        poster="snapshot1x.png 1x, snapshot2x.png 2x">
</object>

এটি গুরুত্বপূর্ণ যে ব্যবহৃত চিত্রটি প্লাগইন সামগ্রীর মতো একই মাত্রার - অন্যথায়, ব্যবহারকারীর স্ক্রিনে চিত্রটি বিকৃত হতে পারে

,

বেশ কয়েক সপ্তাহ আগে, ক্রোম একটি নতুন বিষয়বস্তু সেটিং ঘোষণা করেছে যা প্লাগইন সামগ্রীকে স্বয়ংক্রিয়ভাবে বিরতি দেয় যা এটি সনাক্ত করে যে এটি সাইটের মূল বিষয়বস্তুর পেরিফেরাল হতে Chrome 45 এর সমস্ত ব্যবহারকারীদের কাছে লাইভ হবে (স্থির সেপ্টেম্বর 2015)। CPU ব্যবহার এবং পাওয়ার খরচের ক্ষেত্রে এটি আপনার ব্যবহারকারীদের জন্য একটি জয়, কিন্তু এর ফলে তারা আপনার ওয়েবসাইট প্রদান করা সম্পূর্ণ বিষয়বস্তু দেখতে পাবে না।

সৌভাগ্যবশত, সেটিংটিও পোস্টার প্যারামিটারটিকে একইভাবে সম্মান করে যেমন ভিডিও উপাদানগুলি করে। এটি আপনাকে একটি ইমেজ নির্দিষ্ট করতে দেয় যা পজ করা প্লাগইনের জায়গায় ব্যবহার করা উচিত, ক্রোম আপনার প্লাগইন সামগ্রীতে যে ফ্রেমে বিরতি দেয় তার পরিবর্তে।

এখানে অনুশীলনে এটি ব্যবহার করার একটি উদাহরণ। Chrome যদি flash.swf পজ করার সিদ্ধান্ত নেয়, poster.png তার জায়গায় দেখানো হবে। ব্যবহারকারী পোস্টারে ক্লিক করলে ফ্ল্যাশ কন্টেন্ট স্বাভাবিকের মতো চলবে।

<object data="http://example.com/flash.swf"  
        type="application/x-shockwave-flash"
        poster="poster.png">
</object>

পোস্টার প্যারামিটারের মান একটি img ট্যাগের srcset বৈশিষ্ট্যের মতোই ব্যাখ্যা করা হয়, তাই এটি উচ্চ-DPI প্রদর্শনকেও সমর্থন করতে পারে। এখানে srcset সিনট্যাক্সের একটি উদাহরণ:

<object data="http://example.com/flash.swf"  
        type="application/x-shockwave-flash"
        poster="snapshot1x.png 1x, snapshot2x.png 2x">
</object>

এটি গুরুত্বপূর্ণ যে ব্যবহৃত চিত্রটি প্লাগইন সামগ্রীর মতো একই মাত্রার - অন্যথায়, ব্যবহারকারীর স্ক্রিনে চিত্রটি বিকৃত হতে পারে