ব্যবহারকারীরা মিডিয়া পছন্দ করে, বিশেষ করে ভিডিও; তারা মজাদার এবং তথ্যপূর্ণ হতে পারে। মোবাইল ডিভাইসে, ভিডিওগুলি পাঠ্যের চেয়ে তথ্য ব্যবহার করার একটি সহজ উপায় হতে পারে৷ একটি ভাল ব্যবহারকারীর অভিজ্ঞতার জন্য, ভিডিওগুলির উপলব্ধ ব্যান্ডউইথের চেয়ে বেশি প্রয়োজন হবে না৷ ব্যবহারকারীরা তাদের ব্যবহার করতে সক্ষম হওয়া উচিত তারা কোন ডিভাইসের সাথে তাদের দেখছে না কেন। ব্যবহারকারীদের কখনই মিডিয়া ডাউনলোডের জন্য অপেক্ষা করতে হবে না। যখন তারা প্লে টিপে তখন কেউ এটি পছন্দ করে না এবং কিছুই ঘটে না।
আপনি নিঃসন্দেহে আপনার নিজের ডিভাইসে ভিডিও ব্যবহার করেছেন, যার অর্থ এই শেষ অনুচ্ছেদের কিছুই আপনাকে অবাক করে না। এখন আপনাকে শিখতে হবে কিভাবে আপনার নিজের ওয়েবসাইটে একটি ভিডিও বা অন্যান্য মিডিয়া ফাইল রাখতে হয়। মিডিয়া যোগ করার প্রযুক্তিগত প্রয়োজনীয়তা ব্যবহারকারীর অভিজ্ঞতার সেবায় থাকা উচিত।
প্রযুক্তিগত প্রয়োজনীয়তা
- একটি মিডিয়া ফাইলের সংস্করণগুলি অডিও এবং ভিডিও উভয় স্ট্রিম ধারণকারী সাধারণ ওয়েব-বান্ধব বিন্যাসে থাকে।
- রেজোলিউশন আপনার ব্যবহারকারীদের ডিভাইসের জন্য উপযুক্ত.
- বিটরেট আপনার ব্যবহারকারীদের নেটওয়ার্ক ব্যান্ডউইথকে ওভারলোড করে না।
- ফলাফলটি উপযুক্ত প্রযুক্তি ব্যবহার করে সমস্ত প্রধান ব্রাউজারে দেখা যায়।
- ফাইলটি এনক্রিপ্ট করা (ঐচ্ছিক)।
এই ওয়েবসাইটের মিডিয়া বিভাগ আপনাকে এই প্রযুক্তিগত প্রয়োজনীয়তাগুলি অর্জন করতে সহায়তা করবে। চিন্তা করবেন না যদি এই ধারণাগুলি এখনও কিছুটা বিমূর্ত হয়। আমরা সমস্ত নিবন্ধ জুড়ে ধীরে ধীরে তাদের ব্যাখ্যা করব। প্রথম বিভাগে আপনি মিডিয়ার প্রাথমিক ধারণা সম্পর্কে শিখবেন, তারপর দ্বিতীয় বিভাগে কীভাবে মিডিয়া যুক্ত করবেন এবং চূড়ান্ত বিভাগে ওয়েবে মিডিয়া ব্যবহারের কিছু উন্নত কৌশল সহ ব্যবহারিক অ্যাপ্লিকেশনগুলি শিখবেন।
ওয়েবে ভিডিও প্রদর্শন করা হচ্ছে
একটি সাইটে ভিডিও প্রদর্শন করার সময় আপনি চারটি পদ্ধতি গ্রহণ করতে পারেন।
- আপনার ভিডিওগুলি YouTube বা Vimeo- এর মতো মিডিয়া হোস্টিং প্রদানকারীতে আপলোড করুন। এই বিকল্পগুলির জন্য আপনাকে তাদের প্লেয়ারগুলিকে আপনার সাইটে এম্বেড করতে হবে।
- এইচটিএমএল
<video>
এবং<audio>
উপাদান ব্যবহার করে মৌলিক স্ব-হোস্টেড এমবেডিং। - শাকা প্লেয়ার , জেডব্লিউ প্লেয়ার , বা Video.js এর মতো একটি ভিডিও লাইব্রেরি ব্যবহার করে আরও সম্পূর্ণ বৈশিষ্ট্যযুক্ত এমবেডিং।
- আপনার নিজস্ব মিডিয়া সার্ভার এবং স্ট্রিমিং অ্যাপ্লিকেশন তৈরি করা।
এই সাইটটি মূলত এম্বেডিং মিডিয়ার মূল বিষয়গুলি কভার করে৷ যাইহোক, আমরা আপনাকে আপনার নিজস্ব মিডিয়া স্ট্রিমিং অ্যাপ্লিকেশন তৈরির পথে শুরু করতে আরও কিছু উন্নত বিষয় কভার করি। এটি করার প্রচেষ্টা তুচ্ছ নয়, তাই আমরা একটি রেফারেন্স হিসাবে ব্যবহার করার জন্য অফলাইন সমর্থন সহ একটি মিডিয়া PWA তৈরি করেছি, যা উভয়ই আপনাকে দেখাবে যে এটি কীভাবে সম্পন্ন করা যেতে পারে এবং এর জন্য কতটা প্রচেষ্টা প্রয়োজন। অ্যাপ্লিকেশনটি কোনওভাবেই একটি উত্পাদন প্রস্তুত অফার বা YouTube বা Vimeo-এর মতো পরিষেবাগুলির প্রতিযোগী নয়, তবে এটি আপনাকে চ্যালেঞ্জিং এবং নতুন কিছু শেখার জন্য একটি সূচনা পয়েন্ট সরবরাহ করবে।
সত্যি বলতে, হোস্ট করা মিডিয়া পরিষেবাগুলির প্রতিযোগী তৈরি করতে বিশেষজ্ঞ প্রকৌশলীর একটি দল এবং হাজার হাজার মানব-ঘণ্টার কাজের প্রয়োজন হবে। আপনার লক্ষ্য প্রতিযোগী হিসাবে সেই বাজারে প্রবেশ করা না হলে, আপনি অন্য পদ্ধতিগুলির মধ্যে একটি ব্যবহার করা ভাল। প্রযুক্তিটি বোঝা ভাল এবং আপনি যখন নিজের অ্যাপ্লিকেশন বা ভিডিও প্লেয়ারটি রোল আউট নাও করতে পারেন, ব্রাউজার সমর্থনের কাটিং প্রান্তে অন্বেষণ এবং পরীক্ষা করার জন্য, বা অন্তত বিদ্যমান ভিডিও লাইব্রেরিগুলির মধ্যে একটি ব্যবহার করার উপযোগিতা রয়েছে৷
আমরা কি শিখতে যাচ্ছি
মিডিয়া সংগ্রহের তিনটি অংশ রয়েছে। এই প্রথম বিভাগে, আমরা আপনার সাইটে মিডিয়া যোগ করার জন্য ধারণা এবং পূর্বশর্ত তথ্য প্রদান করব। এতে মিডিয়া ফাইলগুলিকে কীভাবে একত্রিত করা হয় তা ব্যাখ্যা করা, ওয়েবের জন্য আপনার ফাইলগুলি প্রস্তুত করার জন্য আপনাকে যে অ্যাপ্লিকেশনগুলির প্রয়োজন হবে তার মূল বিষয়গুলি এবং স্ট্রিমিং ধারণাগুলি অন্তর্ভুক্ত রয়েছে৷ দ্বিতীয় বিভাগটি ব্যাখ্যা করে যে কীভাবে আপনার ফাইলগুলি প্রস্তুত করতে হয় এবং সেগুলিকে বিভিন্ন ফর্ম্যাটে রূপান্তর করতে হয় এবং ঐচ্ছিকভাবে এনক্রিপশন যোগ করতে হয়। শেষ বিভাগে, আমরা আপনাকে দেখাব কিভাবে একটি ওয়েব পৃষ্ঠায় একটি মিডিয়া ফাইল এম্বেড করতে হয়, অটোপ্লে সেরা অনুশীলন, মিডিয়া ফ্রেমওয়ার্ক ব্যবহার করে, ভিডিওগুলি অফলাইনে নেওয়া এবং আপনার ভিডিওগুলি অ্যাক্সেসযোগ্য করে তোলার বিষয়ে আলোচনা করব৷
কভার করার জন্য অনেক গ্রাউন্ড আছে, তাই মিডিয়া ফাইল বেসিক দিয়ে শুরু করা যাক।