Grav CMS-এ ভিডিও এবং অডিও এমবেড করা খুবই সহজ এবং সোজা। আপনি ভিডিও বা অডিও ফাইল সরাসরি আপনার পেজে এমবেড করতে পারেন, কিংবা তারা যদি একটি অন্য প্ল্যাটফর্মে হোস্টেড থাকে (যেমন YouTube, Vimeo, বা SoundCloud), তবে সরাসরি লিংক দিয়ে এমবেডও করা যায়। এখানে আমরা ভিডিও এবং অডিও এমবেড করার কিছু সাধারণ পদ্ধতি দেখব।
১. ভিডিও এমবেড করা
১.১. YouTube বা Vimeo ভিডিও এমবেড করা
Grav আপনাকে YouTube এবং Vimeo ভিডিও এমবেড করতে খুব সহজে সমর্থন দেয়। আপনি একটি ভিডিও সরাসরি টেমপ্লেটে বা Markdown ফরম্যাটে এমবেড করতে পারেন।
YouTube ভিডিও এমবেড করা
YouTube ভিডিও এমবেড করতে [video] shortcodes ব্যবহার করা হয়। এর মাধ্যমে আপনি সহজেই একটি ভিডিও লিঙ্ক যুক্ত করতে পারবেন।
[video src="https://www.youtube.com/watch?v=VIDEO_ID"]
এখানে VIDEO_ID হল YouTube ভিডিওর অনন্য আইডি, যা URL থেকে পাওয়া যায়।
Vimeo ভিডিও এমবেড করা
Vimeo ভিডিও এমবেড করার জন্যও একইভাবে [video] shortcode ব্যবহার করা হয়, তবে লিংকটি Vimeo থেকে নিতে হবে।
[video src="https://vimeo.com/VIDEO_ID"]
১.২. লোকাল ভিডিও এমবেড করা
আপনি যদি নিজের সার্ভারে হোস্ট করা ভিডিও এমবেড করতে চান, তবে তার সরাসরি লিংকটি ব্যবহার করতে পারেন।
[video src="/user/pages/01.home/_videos/video.mp4"]
এখানে ভিডিও ফাইলটি আপনার Grav সাইটের user/pages/01.home/_videos/ ফোল্ডারে থাকতে হবে।
২. অডিও এমবেড করা
Grav এ অডিও ফাইল এমবেড করার জন্যও একাধিক পদ্ধতি রয়েছে। আপনি সরাসরি অডিও ফাইল এমবেড করতে পারেন, অথবা টেমপ্লেটে বা Markdown ফরম্যাটে প্লাটফর্ম থেকে অডিও লিংক ব্যবহার করতে পারেন।
২.১. SoundCloud অডিও এমবেড করা
Grav CMS-এ আপনি SoundCloud এর অডিও ট্র্যাক সরাসরি এমবেড করতে পারেন। নিচের মত করে SoundCloud এর অডিও ট্র্যাক এমবেড করুন:
[audio src="https://soundcloud.com/artist/track-name"]
এটি আপনার পেজে অডিও প্লেয়ার এমবেড করবে।
২.২. লোকাল অডিও ফাইল এমবেড করা
আপনি যদি নিজের সার্ভারে হোস্ট করা অডিও ফাইল এমবেড করতে চান, তবে আপনি নিম্নলিখিত সিনট্যাক্স ব্যবহার করতে পারেন:
[audio src="/user/pages/01.home/_audio/audio-file.mp3"]
এখানে, audio-file.mp3 ফাইলটি আপনার Grav সাইটের user/pages/01.home/_audio/ ফোল্ডারে থাকতে হবে।
২.৩. অডিও প্লেয়ার কাস্টমাইজেশন
আপনি HTML5 অডিও প্লেয়ার ব্যবহার করে অডিও ফাইল কাস্টমাইজ করতে পারেন। উদাহরণস্বরূপ:
<audio controls>
<source src="/user/pages/01.home/_audio/audio-file.mp3" type="audio/mp3">
আপনার ব্রাউজার এই অডিও ফরম্যাটটি সমর্থন করে না।
</audio>
এটি একটি HTML5 অডিও প্লেয়ার তৈরি করবে যেখানে ব্যবহারকারী সহজেই প্লে, পজ, এবং ভলিউম কন্ট্রোল করতে পারবেন।
৩. ভিডিও এবং অডিও এমবেডের অতিরিক্ত বৈশিষ্ট্য
Grav CMS-এ ভিডিও এবং অডিও এমবেড করার সময় কিছু অতিরিক্ত বৈশিষ্ট্য যুক্ত করতে পারেন:
৩.১. ভিডিও এবং অডিওর জন্য CSS ক্লাস ব্যবহার করা
আপনি ভিডিও বা অডিও ট্যাগের জন্য CSS ক্লাস যোগ করে ডিজাইন কাস্টমাইজ করতে পারেন। উদাহরণস্বরূপ:
[video src="https://www.youtube.com/watch?v=VIDEO_ID" class="my-custom-video"]
এখানে my-custom-video একটি CSS ক্লাস যা আপনি আপনার থিমের স্টাইলশিটে ব্যবহার করতে পারেন।
৩.২. ইন্টিগ্রেটেড প্ল্যাটফর্মের প্লেয়ার ব্যবহার করা
যদি আপনি এমন একটি প্ল্যাটফর্ম থেকে ভিডিও বা অডিও এমবেড করেন যা একটি কাস্টম প্লেয়ার প্রদান করে, যেমন YouTube বা SoundCloud, তবে Grav স্বয়ংক্রিয়ভাবে সেই প্ল্যাটফর্মের প্লেয়ারটি আপনার সাইটে ইন্টিগ্রেট করবে।
সারাংশ
Grav CMS-এ ভিডিও এবং অডিও এমবেড করা খুবই সহজ এবং নমনীয়। আপনি যদি ভিডিও এবং অডিও ফাইল নিজস্ব সার্ভারে হোস্ট করেন, তবে সরাসরি লিংক দিয়ে এমবেড করতে পারবেন। এছাড়া, YouTube, Vimeo, এবং SoundCloud এর মতো প্ল্যাটফর্ম থেকে সরাসরি ভিডিও এবং অডিও লিংক দিয়ে এমবেড করা সম্ভব। Grav এর মিডিয়া এমবেডিং সিস্টেমটি ডেভেলপার এবং কনটেন্ট ক্রিয়েটরদের জন্য একটি শক্তিশালী টুল, যা সাইটের ইন্টারঅ্যাকটিভ এবং মাল্টিমিডিয়া কনটেন্ট সহজভাবে অন্তর্ভুক্ত করার সুযোগ দেয়।
Read more
