ഒരു HTML5 വെബ് പേജിലേക്ക് ശബ്ദ എങ്ങനെ ചേർക്കാം

ഘടകം ഉപയോഗിച്ച് നിങ്ങളുടെ വെബ് പേജുകളിലേക്ക് ശബ്ദവും സംഗീതവും ചേർക്കുന്നത് HTML5 എളുപ്പമാക്കുന്നു. വാസ്തവത്തിൽ, നിങ്ങളുടെ ഏറ്റവും മികച്ച ബ്രൌസറുകളിൽ സൗണ്ട് ഫയലുകൾ പ്ലേ ചെയ്യണമെന്ന് ഉറപ്പ് വരുത്തേണ്ട ഒന്നിലധികം സ്രോതസ്സുകൾ ഉണ്ടാക്കുക എന്നതാണ് ഏറ്റവും പ്രധാനം.

HTML5 ഉപയോഗിക്കുന്നതിന്റെ പ്രയോജനം, ഏതാനും ടാഗുകൾ ഉപയോഗിച്ചുകൊണ്ട് നിങ്ങൾക്ക് ശബ്ദം ഉൾപ്പെടുത്താൻ കഴിയും. നിങ്ങൾ ഒരു IMG ഘടകം ഉപയോഗിക്കുമ്പോൾ ബ്രൌസറുകൾ ഒരു ചിത്രം പ്രദർശിപ്പിക്കുമ്പോഴും ശബ്ദമുണ്ടാക്കുക.

ഒരു HTML5 വെബ് പേജിലേക്ക് ശബ്ദ എങ്ങനെ ചേർക്കാം

നിങ്ങൾക്ക് ഒരു HTML എഡിറ്റർ , ഒരു ശബ്ദ ഫയൽ (കഴിയുന്നതും MP3 ഫോർമാറ്റിൽ), ശബ്ദ ഫയൽ കൺവേർട്ടർ എന്നിവ ആവശ്യമാണ്.

1. ആദ്യം, നിങ്ങൾക്ക് ഒരു ശബ്ദ ഫയൽ ആവശ്യമാണ്. ഉയർന്ന ശബ്ദ നിലവാരമുള്ളതിനാൽ ഫയൽ MP3 (. Mp3 ) ആയി റെക്കോർഡ് ചെയ്യുന്നത് നല്ലതാണ്, മിക്ക ബ്രൗസറുകളും (Android 2.3+, Chrome 6+, IE 9+, iOS 3+, Safari 5+) പിന്തുണയ്ക്കുന്നു.
2. Firefox 3.6+, Opera 10.5+ പിന്തുണ എന്നിവയിൽ ചേർക്കുന്നതിനായി നിങ്ങളുടെ ഫയൽ Vorbis ഫോർമാറ്റിലേക്ക് ( .ogg ) പരിവർത്തനം ചെയ്യുക. Vorbis.com ൽ കണ്ടെത്തുന്നതുപോലെ നിങ്ങൾക്കൊരു പരിവർത്തനം ഉപയോഗിക്കാം. നിങ്ങൾക്ക് ഫയർഫോക്സ്, ഓപ്പറേഷൻ പിന്തുണ എന്നിവ ലഭിക്കുന്നതിന് നിങ്ങളുടെ MP3 ഒരു WAV ഫയൽ ഫോർമാറ്റിലേക്ക് ( .wav ) മാറ്റാൻ കഴിയും. സുരക്ഷയ്ക്കായി മൂന്നു തരത്തിലും നിങ്ങളുടെ ഫയൽ പോസ്റ്റുചെയ്യാൻ ഞാൻ ശുപാർശ ചെയ്യുന്നു, പക്ഷെ നിങ്ങൾക്ക് ആവശ്യമുള്ളത് MP3 ഉം മറ്റൊരു തരവും ആണ്.
3. നിങ്ങളുടെ വെബ് സെർവറിലേയ്ക്ക് എല്ലാ ഓഡിയോ ഫയലുകളും അപ്ലോഡ് ചെയ്ത് നിങ്ങൾ ശേഖരിച്ച ഡയറക്ടറിയുടെ ഒരു കുറിപ്പാക്കുക. മിക്ക ഡിസൈനർമാരും ഒരു ഇമേജ് ഡയറക്ടറിയിൽ ഇമേജുകൾ സംരക്ഷിക്കുക പോലുള്ള ഓഡിയോ ഫയലുകൾക്കായി അവയെ സബ്-ഡയറക്ടറിയിൽ സ്ഥാപിക്കുന്നതിനുള്ള നല്ല ആശയമാണ്.
4. ശബ്ദ ഫയൽ നിയന്ത്രണങ്ങൾ പ്രദർശിപ്പിക്കാൻ ആഗ്രഹിക്കുന്ന നിങ്ങളുടെ HTML ഫയലിലേക്ക് AUDIO ഘടകം ചേർക്കുക. <ഓഡിയോ നിയന്ത്രണങ്ങൾ>
5. AUDIO ഘടകത്തിൽ നിങ്ങൾ അപ്ലോഡ് ചെയ്യുന്ന ഓരോ ഓഡിയോ ഫയലിലും SOURCE ഘടകങ്ങൾ സ്ഥാപിക്കുക:

1. AUDIO ഘടകത്തിനായുള്ള ഏതൊരു HTML- ഉം AIO ഘടകം പിന്തുണയ്ക്കാത്ത ബ്രൗസറുകൾക്കായി ഒരു ഫോൾബാക്ക് ആയി ഉപയോഗിക്കപ്പെടും. അങ്ങനെ ചില HTML ചേർക്കുക. ലളിതമായ മാർഗം അവർ ഫയൽ ഡൌൺലോഡ് ചെയ്യാനായി HTML ചേർക്കുകയാണ്, പക്ഷേ ശബ്ദം പ്ലേ ചെയ്യാൻ നിങ്ങൾക്ക് HTML 4.01 എംബഡ്ഡിംഗ് രീതികൾ ഉപയോഗിക്കാൻ കഴിയും. ലളിതമായ ഒരു ഫോൾബാക്ക് ഇതാ:

   നിങ്ങളുടെ ബ്രൌസർ ഓഡിയോ പ്ലേബാക്ക് പിന്തുണയ്ക്കുന്നില്ല, ഫയൽ ഡൌൺലോഡ് ചെയ്യുക:

   1. MP3 ,
   2. വോർബിസ് , WAV
2. നിങ്ങൾ ചെയ്യേണ്ട അവസാന കാര്യം നിങ്ങളുടെ AUDIO ഘടകം: അടയ്ക്കുക
3. നിങ്ങൾ ചെയ്തുകഴിയുമ്പോൾ നിങ്ങളുടെ HTML ഇതുപോലെ ആയിരിക്കണം:
   4. നിങ്ങളുടെ ബ്രൌസർ ഓഡിയോ പ്ലേബാക്ക് പിന്തുണയ്ക്കുന്നില്ല, ഫയൽ ഡൌൺലോഡ് ചെയ്യുക:

   5. MP3 ,
   6. വോർബിസ് ,
   7. WAV

കൂടുതൽ നുറുങ്ങുകൾ

1. HTML5 doctype () ഉപയോഗിക്കുമെന്ന് ഉറപ്പുവരുത്തുക, അതിലൂടെ നിങ്ങളുടെ HTML സാധൂകരിക്കും
2. നിങ്ങളുടെ ഘടകത്തിലേക്ക് ചേർക്കാൻ കഴിയുന്ന മറ്റ് ഓപ്ഷനുകൾ കാണാൻ ഘടകത്തിന് ലഭ്യമായ ആട്രിബ്യൂട്ടുകൾ അവലോകനം ചെയ്യുക.
3. ഡീഫോൾട്ടായി നിയന്ത്രണങ്ങൾ ഉൾപ്പെടുത്തുന്നതിന് ഞങ്ങൾ HTML സജ്ജീകരിച്ചിട്ടുണ്ടു്, ഓട്ടോപ്ലേ ഓഫാക്കിയിരിയ്ക്കുന്നു. നിങ്ങൾക്ക് തീർച്ചയായും ഇത് മാറ്റാൻ കഴിയും, പക്ഷെ അനേകം ആളുകൾ സ്വയമേ ആരംഭിക്കുന്ന ശബ്ദത്തെ ഓർമ്മിപ്പിക്കുന്നതാണ് / അവർക്ക് മികച്ച രീതിയിൽ ബുദ്ധിമുട്ടുകൾ ഉണ്ടാക്കാൻ കഴിയില്ല, പലപ്പോഴും അത് സംഭവിക്കുമ്പോൾ പേജിൽ നിന്ന് പുറത്തുവരും.