কিভাবে ব্লগার ওয়েবসাইট অটোপ্লে mp3 অডিও প্লেয়ার 2022 এ অডিও ফাইল যোগ করবেন
এই পোস্টে, আমি আপনাকে দেখাব কিভাবে আপনি অডিও ফাইল যোগ করতে পারেন আপনার ব্লগার ওয়েবসাইটে, এবং আপনি সহজেই একটি অডিও এম্বেড করতে পারেন কোডে একটি সাধারণ
এই পোস্টে, আমি আপনাকে দেখাব কিভাবে আপনি অডিও ফাইল যোগ করতে পারেন আপনার ব্লগার ওয়েবসাইটে, এবং আপনি সহজেই একটি অডিও এম্বেড করতে পারেন কোডে একটি সাধারণ HTML কোড যোগ করে ব্লগারে ফাইল করুন
সম্পাদক সুতরাং আসুন আপনি এটি করতে পারেন কিভাবে পরীক্ষা করা যাক. প্রথমত, আপনাকে অডিও ফাইলটি গুগলে আপলোড করতে হবে ড্রাইভ তাই এখানে New এ ক্লিক করে File upload এ ক্লিক করুন এবং আপনি অডিও ফাইল আপলোড করতে পারেন। তারপর রাইট ক্লিক করে Get Link এ ক্লিক করুন।
এখন ডিফল্টরূপে এটি সীমাবদ্ধ সেট করা হবে তাই আপনাকে পরিবর্তন করতে হবে এটি এই লিঙ্কের সাথে যে কেউ সীমাবদ্ধ এবং তারপর অনুলিপি ফাইল লিঙ্ক।
এখন আপনাকে এই ফর্ম্যাটে এই ফাইলের URL যোগ করতে হবে। ডিফল্টরূপে এটি ভিউ দেখাবে। তাই আপনাকে প্রিভিউ করতে এই ভিউ পরিবর্তন করতে হবে। এখন এই কোডটি কপি করুন এবং ব্লগার ড্যাশবোর্ডে যান। এবং এখানে ব্লগ পোস্ট খুলুন এবং HTML View এ ক্লিক করুন। এখন এই iframe কোড এখানে পেস্ট করুন এবং পরিবর্তন করতে ভুলবেন না
ভিউ থেকে ইউআরএল পূর্বরূপ এবার Publish বাটনে চাপ দিন। আসুন একটি নতুন ট্যাবে ব্লগ পোস্ট খুলি এবং এখানে, আপনি যেমন পারেন দেখুন, অডিও প্লেয়ারটি এমবেড করা আছে, কিন্তু ভালো লাগছে না, কিন্তু এটি অডিও ফাইল চালাবে এবং আপনি অডিও নিয়ন্ত্রণ করতে পারবেন অথবা এখান থেকে ভিডিও।
<iframe src='https://drive.google.com/file/d/1blUyIowvHpBEAGuPwqJTBnYP0IxkSZl4/preview?usp=sharing' width='100%' frameborder='0' />
তাই আপনি এই বিন্যাসে অডিও ফাইল যোগ করতে পারেন. তাই আপনাকে পদ্ধতি 2 বেছে নিতে হবে তাই এখানে আমরা ব্যবহার করব এইচটিএমএল অডিও ট্যাগ। তাই শুধু এই কোডটি এখান থেকে কপি করুন এবং এখানে পরিবর্তন করতে ভুলবেন না আপনার MP3 ফাইলের আইডি এবং তারপর পুরো কোডটি অনুলিপি করুন এবং ব্লগ পোস্টে যান।
চলুন এখান থেকে আগের কোডটি সরিয়ে ফেলি এবং পেস্ট করি নতুন কোড এবং এর ব্লগ পোস্ট আপডেট করা যাক. এখন এই পৃষ্ঠাটি রিফ্রেশ করুন এবং আপনি দেখতে পাচ্ছেন, অডিও প্লেয়ার যোগ করা হয় এবং আপনি এটি অটোপ্লেতে সেট করতে পারেন। এবং এটি করতে, নিয়ন্ত্রণের ঠিক পরেই অটোপ্লে যোগ করুন এবং Update এ ক্লিক করুন।
তাই ডিফল্টরূপে ক্রোম কিছুতে অটোপ্লে বৈশিষ্ট্যগুলিকে ব্লক করে মামলা সুতরাং আসুন এটি কাজ করছে কিনা তা পরীক্ষা করা যাক। এবং আপনি দেখতে পাচ্ছেন, অটো প্লে কাজ করছে। ক্রোম ব্রাউজার মাঝে মাঝে অটোপ্লে ফিচার ব্লক করে, কিন্তু কখন একজন ব্যবহারকারী একটি লিঙ্কে ক্লিক করেন এবং তারপরে এই পৃষ্ঠায় অবতরণ করেন অটোপ্লে বৈশিষ্ট্য কাজ করবে।
<audio controls> <source src="https://drive.google.com/uc?export=download&id=1blUyIowvHpBEAGuPwqJTBnYP0IxkSZl4" type="audio/mpeg"/> </audio>
তাহলে আসুন দেখুন কিভাবে আপনি অডিও প্লেয়ারটিকে আরও কাস্টমাইজ করতে পারেন তাই আপনি এই মত প্রস্থ সেট করতে পারেন. তাই শুধু একটি শৈলী ট্যাগ যোগ করুন অটোপ্লে পরে সুতরাং আসুন শুধু এই কোডটি অনুলিপি করি এবং তারপর এখানে প্রস্থ যোগ করি। আমি এই প্রস্থ 70% সেট করব।
আসুন এই পোস্টটি আপডেট করি এবং এই পৃষ্ঠাটি রিফ্রেশ করি। এবং আপনি দেখতে পাচ্ছেন, এই অডিও প্লেয়ারের প্রস্থ বৃদ্ধি পেয়েছে। এবং এইভাবে, আপনি সহজেই এর প্রস্থ বাড়াতে পারেন অডিও প্লেয়ার এবং ব্যবহারকারীও এই অডিও ফাইলটি থেকে ডাউনলোড করতে পারেন আপনার ব্লগ পোস্ট এবং আপনি অডিও একটি ক্যাপশন যোগ করতে পারেন এই মত প্লেয়ার, শুধু অডিও উপরে এই চিত্র ট্যাগ যোগ করুন ট্যাগ সুতরাং আসুন শুধু এই কোডটি অনুলিপি করি এবং এখানে এই কোডটি প্রতিস্থাপন করি আবার এবং আপনি দেখতে পাচ্ছেন, চিত্র ট্যাগ যোগ করা হয়েছে।
<figure > <figcaption>Listen to the the audio file</figcaption> <audio controls src="https://drive.google.com/uc?export=download&id=1blUyIowvHpBEAGuPwqJTBnYP0IxkSZl4" type="audio/mpeg"> Your browser does not support the audio element. </audio> </figure> <style>figure {margin: 0;} </style>
এবং এখানে আপনি এই অডিও প্লেয়ারের ক্যাপশন পরিবর্তন করতে পারেন। এবং এর শুধু এই পৃষ্ঠা আপডেট করা যাক. এবং এর আবার এই পাতা রিফ্রেশ করা যাক. তাই আপনি দেখতে পাচ্ছেন, সাবটাইটেলটি অডিওর ঠিক উপরে যোগ করা হয়েছে খেলোয়াড় তাই এই ভাবে, আপনি অডিও প্লেয়ার কাস্টমাইজ করতে পারেন আপনার ব্লগার ওয়েবসাইটে, এবং আপনি সেরা উপযুক্ত চয়ন করতে পারেন এই ব্লগ পোস্ট থেকে কোড.
আমি বর্ণনার লিঙ্ক ছেড়ে দেব. আপনার যদি অডিও ফাইল যোগ করার বিষয়ে কোন সন্দেহ থাকে ব্লগার ওয়েবসাইট, তারপর আপনি মন্তব্য বিভাগে আমাকে জিজ্ঞাসা করতে পারেন, এবং যদি আপনি এই ভিডিওটি পছন্দ করেন, তাহলে লাইক বোতাম টিপুন এবং এই ধরনের আরো আসন্ন ভিডিও পেতে আমার চ্যানেল সাবস্ক্রাইব করুন. ধন্যবাদ.
Post a Comment