ওয়েব ডিজাইন (পর্ব ১১) এইচটিএমএল মিডিয়া, অডিও, ভিডিও, অটোপ্লে, আইফ্রেম
আমরা যে সকল পেজ তৈরি করবো সেখানে প্রয়োজন মতো অনেক সময় বিভিন্ন ধরণের মিডিয়া ফাইল আপলোড ও ভিউ করার প্রয়োজন পড়ে।এই মিডিয়া ফাইল গুলো আমরা কি কি ভাবে আমাদে
ওয়েব পেজে মিডিয়া আপলোডঃ(Web page media upload)
আমরা যে সকল পেজ তৈরি করবো সেখানে প্রয়োজন মতো অনেক সময় বিভিন্ন ধরণের মিডিয়া
ফাইল আপলোড ও ভিউ করার প্রয়োজন পড়ে।এই মিডিয়া ফাইল গুলো আমরা কি কি ভাবে আমাদের
ওয়েব পেজে প্রদর্শন করতে পারি সব বিষয় নিয়ে আজকে আলোচনা করবো।
প্রথমে আপনার ফাইল ম্যানেজারে আপনার নির্দিষ্ট ফাইলটি আপলোড করতে হবে।তারপর
আপনার ফাইল ম্যানেজারের লোকেশন অনুযায়ী নির্দিষ্ট কোড দ্বারা আপনার মিডিয়া
ফাইলটি ওয়েব পেজে প্রদর্শন করাতে পারবেন।
ব্রাউজার সাপোর্টঃ(Browser Support)
অনেক অনেক ফাইল এর মধ্যে সব ফাইলই ব্রাউজারে সাপোর্ট করে না। অল্প কিছু
এক্সটেশনের ফাইল ব্রাউজারে প্রদর্শন করানো সম্ভব।আবার অডিও ভিডিও কোড ইন্টারনেট
এক্সপ্লোরারের (IE 9 এর নিচে) কাজ করেনা।
ওয়েব ব্রাউজারে সাধারণত .MP4, .WebM, .Ogg, MP3 এই ফরম্যাটের ফাইল গুলো বেশি
ব্যবহার হয়ে থাকে। এই ফাইল গুলো ব্যবহার করাই ভালো। আরো কিছু এক্সটেনশন আছে
যা সাপোর্ট করে তবে না ইউজ করলেও সমস্যা নাই।
অডিও ফাইল আপলোড ও ভিউঃ(Audio file upload and view)
আমরা প্রথমে কোনো একটি অডিও ফাইল আমাদের হোস্টিং এর ফাইল ম্যানেজারে রাখতে হবে
তারপর উক্ত ফাইলের লোকেশন বের করতে হবে।এবার আমাদের অডিও ফাইল আমাদের ওয়েব পেজে
প্রদর্শন করানোর জন্য কোডিং করতে হবে।
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
Browser Not Working</audio>ভিডিও ফাইল আপলোড ও ভিউঃ(Video file upload and view)
অডিও ফাইল এর আর ভিডিও ফাইলের কোড প্রায় একই।আমরা যখন আমাদের সাইটে কোনো ভিডিও
দিতে চাইবো তখন আমাদের এই কোডটি ব্যবহার করতে হবে।
<video width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
Browser Not Sapport
</video>অটো প্লে ভিডিওঃ(Auto play)
ইউজারদের আরো বেশি সুবিধা দেওয়ার জন্য আমাদের অনেক সময় অটো প্লে ভিডিও প্রদর্শন
করার প্রয়োজন হয়।যেমন ইউটিউব এ অটোমেটিক ভিডিও প্লে হয়।
এই অটো প্লে কোড খুবই অল্প একটু কোড যা এচটিএমএল এর নিয়ম মানে না।আমরা ভিডিও
ট্যাগের মধ্যে এট্রিবিউটের মতো করে ব্যবহার করবো তবে এইটার এট্রিবিউটের মতো
চেহারা নাই।এই ট্যাগ সিঙ্গেল ভাবে থাকে।
<video width="320" height="240" controls autoplay>
<source src="video.mp4" type="video/mp4">
Browser Not Sapport
</video>আইফ্রেমঃ(Iframe)
আইফ্রেম এর কাজ হলো কোনো সাইটের থেকে হুবহু নির্দিষ্ট পেজ নিজের ওয়েব সাইটে
দেখানো।অনেক সময় নিজেদের সাইট নিজেদের পেজে দেখানোর প্রয়োজন হয় তখনও আমরা এই
আইফ্রেম কোড ইউজ করে থাকি।
<iframe src="https://www.wikijana.com" height="200" width="300"></iframe>
এই আর্টিকেল টি পুরোটা পড়ার জন্য আপনাকে অনেক ধন্যবাদ, এই আর্টিকেল যদি বুঝতে অসুবিধা হয় অথবা কোনো প্রশ্ন থাকে তবে কমেন্ট করুন, আশা করি আপনি উত্তর পাবেন।আর নতুুন কিছু জানার থাকলে আমাদের জানান আমরা জানানোর চেস্টা করবো। এই আর্টিকেলটি WikiJana.Com সাইটের সম্পদ তাই যদি কেউ কপি করেন তবে আপনারা অবশ্যই ক্রেডিট দিবেন নয়ত আপনার সাইট কপিরাইটের অধিনে চলে যেতে পারে।
