প্রকল্প সম্পর্কে

Plyr হল একটি সহজ, লাইটওয়েট, অ্যাক্সেসযোগ্য এবং কাস্টমাইজযোগ্য মিডিয়া প্লেয়ার যা HTML5 ভিডিও এবং অডিও, YouTube এবং Vimeo এমবেডের জন্য। এটি আধুনিক ব্রাউজারগুলিকে লক্ষ্য করে এবং ভ্যানিলা ES6 জাভাস্ক্রিপ্টে লেখা, কোনো ফ্রেমওয়ার্ক বা jQuery নির্ভরতা ছাড়াই, যার স্টাইল Sass-এ লেখা এবং CSS কাস্টম প্রপার্টির মাধ্যমে প্রকাশিত। README-তে প্রমাণিত মূল ক্ষমতাগুলি: - ফরম্যাট সমর্থন: নেটিভ HTML5 ভিডিও এবং অডিও এলিমেন্ট, পাশাপাশি data-plyr-provider এবং data-plyr-embed-id অ্যাট্রিবিউট ব্যবহার করে YouTube এবং Vimeo iframe বা সাধারণ div-গুলির প্রগ্রেসিভ এনহ্যান্সমেন্ট। - অ্যাক্সেসিবিলিটি: VTT ক্যাপশন এবং স্ক্রিন রিডার সমর্থন, ভলিউমের জন্য input type=range, প্রগ্রেস এলিমেন্ট এবং আসল বাটনের মতো সেমান্টিক মার্কআপ সহ। - কাস্টমাইজেশন: CSS কাস্টম প্রপার্টি (উদাহরণস্বরূপ --plyr-color-main) এবং Sass ভেরিয়েবল আপনাকে প্লেয়ারটি গ্লোবালি, প্রতি ক্লাসে বা ইনলাইনে পুনরায় স্টাইল করতে দেয়। - রেসপনসিভ লেআউট এবং iframe প্রদানকারীদের জন্য একটি রেসপনসিভ 16:9 এমবেড র্যাপার ক্লাস। - hls.js, Shaka Player এবং dash.js-এর সাথে স্ট্রিমিং প্লেব্যাক ইন্টিগ্রেশন। - সমস্ত প্রদানকারী জুড়ে প্রমিত JavaScript API এবং ইভেন্ট, তাই YouTube এবং Vimeo-এর জন্য আলাদা API হ্যান্ডলিং প্রয়োজন হয় না। - ফুলস্ক্রিন ফুল-উইন্ডো মোডে ফলব্যাক সহ, পিকচার-ইন-পিকচার, playsinline সমর্থন, কীবোর্ড শর্টকাট, গতি নিয়ন্ত্রণ, একাধিক ক্যাপশন ট্র্যাক, কন্ট্রোলের i18n এবং প্রিভিউ থাম্বনেইল। - একটি পার্টনার বিজ্ঞাপন ইন্টিগ্রেশন বা কাস্টম ads.tagUrl বিকল্পের মাধ্যমে মনিটাইজেশন হুক। সেটআপ সহজ: CDN বা সেলফ-হোস্টেড ফাইল থেকে plyr.css এবং plyr.js (বা polyfilled বিল্ড) অন্তর্ভুক্ত করুন, তারপর new Plyr('#player') দিয়ে ইনস্ট্যান্টিয়েট করুন। প্রি-বিল্ট মিনিফাইড ফাইলগুলি CDN বা unpkg থেকে উপলব্ধ, অথবা আপনি npm i && npm run build দিয়ে সোর্স থেকে বিল্ড করতে পারেন। আইকনের জন্য একটি SVG স্প্রাইট ডিফল্টরূপে CDN থেকে লোড হয় এবং অপশনের মাধ্যমে ওভাররাইড করা যায়। README রঙ, কন্ট্রোল স্পেসিং এবং রেডিআই, মেনু, টুলটিপ, প্রগ্রেস এবং রেঞ্জ স্টাইলিং, ক্যাপশন এবং টাইপোগ্রাফি কভার করে এমন একটি বড় সেট CSS কাস্টম প্রপার্টি নথিভুক্ত করে, যা স্টাইলশিট ফর্ক না করেই একটি বিদ্যমান ডিজাইন সিস্টেমের সাথে মেলানো ব্যবহারিক করে তোলে।