কিভাবে একটি HTML5 ওয়েব পেজ শব্দ যোগ করুন

এইচটিএমএল উপাদান সঙ্গে আপনার ওয়েব পেজে শব্দ এবং সঙ্গীত যোগ করা সহজ করে তোলে। আসলে, সবচেয়ে কঠিন জিনিসটি আপনার সাউন্ড ফাইলগুলি ব্রাউজারের বিভিন্ন প্রকারে চালানো নিশ্চিত করার জন্য আপনার প্রয়োজনীয় একাধিক উত্স তৈরি করে।

HTML5 ব্যবহার করার সুবিধা হল আপনি কয়েকটি ট্যাগ ব্যবহার করে শব্দটি এম্বেড করতে পারেন। ব্রাউজারগুলি, তখন আপনি শব্দটি ব্যবহার করার সময় একটি চিত্র প্রদর্শন করার মতো শব্দটি বাজান

IMG উপাদান।

কিভাবে একটি HTML5 ওয়েব পেজ শব্দ যোগ করুন

আপনি একটি এইচটিএমএল এডিটর, একটি শব্দ ফাইল (বিশেষত এমপি 3 ফরম্যাটে), এবং একটি শব্দ ফাইল রূপান্তরকারী প্রয়োজন হবে।

1. প্রথম, আপনি একটি শব্দ ফাইল প্রয়োজন। এটি একটি MP3 হিসাবে ফাইল রেকর্ড করা ভাল।

   .mp3) এটিতে উচ্চ শব্দ গুণমান রয়েছে এবং এটি বেশিরভাগ ব্রাউজার (Android 2.3+, Chrome 6+, IE 9+, iOS 3+ এবং Safari 5+) দ্বারা সমর্থিত।

2. আপনার ফাইল Vorbis বিন্যাসে রূপান্তর করুন (

   .ogg) ফায়ারফক্স 3.6+ এবং অপেরা 10.5+ সাপোর্টে যোগ করার জন্য। আপনি Vorbis.com পাওয়া যায় এমন একটি রূপান্তরকারী ব্যবহার করতে পারেন। আপনি আপনার এমপি 3 কে একটি WAV ফাইল বিন্যাসে রূপান্তর করতে পারেন (

   .wav) ফায়ারফক্স এবং অপেরা সমর্থন পেতে। আমি কেবলমাত্র নিরাপত্তার জন্য, আপনার তিনটি প্রকারে আপনার ফাইল পোস্ট করার সুপারিশ করি তবে আপনার যা দরকার তা হল এমপি 3 এবং অন্য কোনও।

3. আপনার ওয়েব সার্ভারে সমস্ত অডিও ফাইল আপলোড করুন এবং আপনি তাদের মধ্যে সংরক্ষিত ডিরেক্টরিটির একটি নোট তৈরি করুন। এটি কেবল একটি অডিও ফাইলের জন্য একটি সাব-ডিরেক্টরিতে রাখা ভাল ধারণা, যেমন বেশিরভাগ ডিজাইনার কোনও ছবিতে সংরক্ষণ করে

   চিত্র ডিরেক্টরি।

4. যুক্ত করুন

   অডিও আপনার HTML ফাইলে উপাদান যেখানে আপনি সাউন্ড ফাইল নিয়ন্ত্রণগুলি প্রদর্শন করতে চান।

5. জায়গা

   সূত্র আপনি ভিতরে আপলোড প্রতিটি অডিও ফাইল জন্য উপাদান

   অডিও উপাদান:

6. 1. ভিতরে কোন এইচটিএমএল

      অডিও উপাদান সমর্থন করবে না যে ব্রাউজার জন্য একটি fallback হিসাবে ব্যবহার করা হবে

      অডিও উপাদান। তাই কিছু এইচটিএমএল যোগ করুন। সবচেয়ে সহজ উপায় হল HTML টি ফাইলটি ডাউনলোড করতে তাদের যুক্ত করা, তবে আপনি শব্দটি চালাতে HTML 4.01 এম্বেডিং পদ্ধতিগুলি ব্যবহার করতে পারেন। এখানে একটি সহজ fallback:

      আপনার ব্রাউজার অডিও প্লেব্যাক সমর্থন করে না, ফাইলটি ডাউনলোড করুন: এমপি 3,

   2. জন্য Vorbis, WAV

7. আপনি করতে হবে শেষ জিনিস আপনার AUDIO উপাদান বন্ধ করা হয়:

   1. যখন আপনি সম্পন্ন করবেন, তখন আপনার HTML এটিকে দেখতে হবে:

   4. আপনার ব্রাউজার অডিও প্লেব্যাক সমর্থন করে না, ফাইলটি ডাউনলোড করুন:

   5. MP3 টি,

   6. জন্য Vorbis,

   7. WAV

অতিরিক্ত টিপস

• এইচটিএমএল ডক্ট টাইপ () ব্যবহার করতে ভুলবেন না যাতে আপনার এইচটিএমএল বৈধ হবে
• আপনি আপনার উপাদান যোগ করতে পারেন কি অন্যান্য অপশন দেখতে উপাদান জন্য উপলব্ধ গুণাবলী পর্যালোচনা করুন।
• নোট করুন যে আমরা ডিফল্টরূপে নিয়ন্ত্রণগুলি অন্তর্ভুক্ত করতে এইচটিএমএল সেট আপ করেছি এবং অটোপ্লে বন্ধ আছে। আপনি, অবশ্যই, এটি পরিবর্তন করতে পারেন, তবে মনে রাখবেন যে অনেকেই শব্দটি স্বয়ংক্রিয়ভাবে শুরু করে / যেগুলি তারা সর্বদা বিরক্তিকর হতে নিয়ন্ত্রণ করতে পারে না এবং যখন এটি ঘটবে তখন পৃষ্ঠাটিকে প্রায়ই ছেড়ে দেওয়া হবে।