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

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

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

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

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

1. প্রথমে, আপনাকে একটি সাউন্ড ফাইল প্রয়োজন। এটি একটি MP3 (। এমপি ) হিসাবে ফাইলটি রেকর্ড করার সর্বোত্তম, কারণ এটির উচ্চ মানের গুণ রয়েছে এবং এটি বেশিরভাগ ব্রাউজার (অ্যানড্রয়েড 2.3+, ক্রোম 6+, IE 9+, iOS 3+, এবং Safari 5+) দ্বারা সমর্থিত।
2. ফায়ারফক্স 3.6+ এবং ওপেরা 10.5+ সাপোর্টে আপনার ফাইলটি ভোর্স ফরম্যাটে ( .ogg ) রূপান্তর করুন। আপনি Vorbis.com এ পাওয়া যায় এমন একটি কনভার্টার ব্যবহার করতে পারেন। ফায়ারফক্স এবং অপেরা সমর্থন পেতে আপনি আপনার MP3 থেকে WAV ফাইল ফরম্যাটে ( .wav ) রূপান্তর করতে পারেন। আমি কেবল আপনার নিরাপত্তার জন্য তিন ধরনের আপনার ফাইল পোস্ট সুপারিশ, কিন্তু সবচেয়ে আপনি MP3 এবং অন্য একটি টাইপ প্রয়োজন।
3. আপনার ওয়েব সার্ভারে সমস্ত অডিও ফাইল আপলোড করুন এবং আপনি যে ডিরেক্টরিটি সেগুলি সংরক্ষণ করেছেন তার একটি নোট তৈরি করুন। এটি এমন একটি ভাল ধারণা যা তাদেরকে অডিও ফাইলগুলির জন্য কেবল একটি সাব-ডাইরেক্টরিতে রাখে, যেমন অধিকাংশ ডিজাইনার একটি ইমেজ ডাইরেক্টরিতে চিত্রগুলি সংরক্ষণ করে।
4. আপনার এইচটিএমএল ফাইলে AUDIO উপাদান যোগ করুন যেখানে আপনি দেখবেন সাউন্ড ফাইল কন্ট্রোল প্রদর্শিত হবে। <অডিও নিয়ন্ত্রণ>
5. আপনি AUDIO উপাদান ভিতরে আপলোড প্রতিটি অডিও ফাইলের জন্য SOURCE উপাদান স্থাপন করুন:

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

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

   1. MP3 ,
   2. Vorbis , WAV
2. আপনার যা করতে হবে তা শেষ জিনিসটি আপনার অডিও উপাদান বন্ধ করে:
3. আপনার কাজ শেষ হলে, আপনার এইচটিএমএলটি এইরকম হওয়া উচিত:
   4. আপনার ব্রাউজার অডিও প্লেব্যাককে সমর্থন করে না, ফাইলটি ডাউনলোড করুন:

   5. MP3 ,
   6. Vorbis ,
   7. WAV

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

1. আপনার এইচটিএমএল যাচাই করবে যাতে HTML5 doctype () ব্যবহার করতে ভুলবেন না
2. আপনি আপনার উপাদান যোগ করতে পারেন কি অন্যান্য বিকল্প দেখতে উপাদান জন্য উপলব্ধ বৈশিষ্ট্য পর্যালোচনা করুন।
3. লক্ষ্য করুন যে আমরা ডিফল্টভাবে নিয়ন্ত্রণগুলি অন্তর্ভুক্ত করতে HTML সেট আপ করেছি এবং অটোপেল চালু আছে। আপনি অবশ্যই, যে পরিবর্তন করতে পারেন, কিন্তু মনে রাখবেন যে অনেক লোক স্বয়ংক্রিয়ভাবে শুরু করে এমন শব্দ খুঁজে পায় / যেগুলি তারা বিরক্তিকর হতে পারে না, এবং যখন এটি ঘটবে তখন প্রায়ই পৃষ্ঠাটি ছেড়ে যাবে।