ভিডিও প্লেয়ার নমুনা প্রবর্তন

আপনি কি কখনও আপনার নিজের সাইটে ভিডিও প্রকাশ করার জন্য একটি মজার এবং সুন্দর উপায় চেয়েছেন যেমন Chrome ওয়েব স্টোর থেকে নতুন 60 মিনিট বা RedBull.tv অ্যাপস? আমি ভিডিও প্লেয়ার স্যাম্পল ওয়েব অ্যাপ প্রকাশের ঘোষণা দিতে পেরে উত্তেজিত! ভিডিও প্লেয়ার স্যাম্পল হল একটি ওপেন সোর্স ভিডিও প্লেয়ার ওয়েব অ্যাপ যা 60 মিনিট এবং RedBull.tv অ্যাপের মতো একই আর্কিটেকচার ব্যবহার করে তৈরি করা হয়েছে। এটি কাস্টমাইজ করা যেতে পারে, প্রসারিত করা যেতে পারে বা বাক্সের বাইরে ব্যবহার করা যেতে পারে এবং আপনার নিজস্ব সামগ্রী দিয়ে তৈরি করা যেতে পারে।

ভিডিও প্লেয়ার উদাহরণ পূর্ণ পর্দা
ভিডিও প্লেয়ার উদাহরণ

কিভাবে এটা কাজ করে

যখন একজন ব্যবহারকারী ভিডিও প্লেয়ারের নমুনাটি খোলে, তখন তারা একটি একক ভিডিও দেখতে বা অ্যাপে আপলোড করা তালিকা থেকে ভিডিও/পর্বের একটি প্লেলিস্ট তৈরি করতে পারে। ভিডিও প্লেয়ারের নমুনাটি কনফিগার করা হয়েছে এবং ভিডিওগুলির তথ্য JSON ফাইলগুলিতে (যথাক্রমে config.json এবং data.json) সংরক্ষণ করা হয়েছে, উভয়ই ডেটা ডিরেক্টরিতে অবস্থিত৷

মুখ্য সুবিধা

  • একটি পূর্ণ স্ক্রীন ভিউ সহ একটি সুন্দর ভিডিও দেখার অভিজ্ঞতা৷
  • শোতে সদস্যতা নেওয়া, পর্বগুলি দেখার, প্লে তালিকা তৈরি করার ক্ষমতা
  • ব্যবহারকারীর ব্রাউজার কী সমর্থন করে তার উপর নির্ভর করে একাধিক ভিডিও ফরম্যাটের জন্য সমর্থন (WebM, Ogg, MP4, এমনকি একটি ফ্ল্যাশ ফলব্যাক সহ)
  • অ্যাপে উপলব্ধ বিভিন্ন শো/বিভাগের একটি ওভারভিউ সহ একটি বিভাগ পৃষ্ঠা
  • নতুন পর্বের বিজ্ঞপ্তি (যখন অ্যাপটি Chrome ওয়েব স্টোরের মাধ্যমে ইনস্টল করা হয়)
  • Google+, Twitter এবং Facebook-এ ভাগ করার জন্য সমর্থনে নির্মিত৷
  • সহজ কাস্টমাইজেশন নিশ্চিত করতে, ফটোশপ পিএসডি সহ সমস্ত উত্স ফাইল অন্তর্ভুক্ত করা হয়েছে

এটা কিভাবে নির্মিত হয়েছে

ভিডিও প্লেয়ারের নমুনাটি এইচটিএমএল এবং জাভাস্ক্রিপ্ট ব্যবহার করে ওপেন ওয়েব প্ল্যাটফর্মের জন্য লেখা হয়েছে, বিস্তৃতভাবে মডেল ভিউ কন্ট্রোলার প্যাটার্ন এবং কাঠামো অনুসরণ করে।

ব্রাউজার সমর্থন

Chrome ওয়েব স্টোরের মাধ্যমে ইনস্টল করা যেতে পারে এমন একটি অ্যাপ হিসাবে কাজ করার পাশাপাশি, ভিডিও প্লেয়ারের নমুনা পরীক্ষা করা হয়েছে এবং সমস্ত আধুনিক ব্রাউজারে কাজ করে৷

চেষ্টা কর

আপনি ডেমো অ্যাপে কর্মরত ভিডিও প্লেয়ারের একটি ডেমো দেখতে পারেন। অ্যাপটি কীভাবে কাজ করে সে সম্পর্কে আরও জানতে, ডকুমেন্টেশনটি দেখুন।

আপনি Google কোড থেকে কোডটি ধরতে পারেন।

উপভোগ করুন!