ക്ലിക്ക് അല്ലെങ്കിൽ റിലോവറിൽ ഒരു സൌണ്ട് എങ്ങനെ കളിക്കാം

ശബ്ദങ്ങൾ പ്ലേ ചെയ്യുന്നതിന് ഡൈനാമിക് HTML ഉപയോഗിക്കുക

കമ്പ്യൂട്ടർ ആപ്ലിക്കേഷനുകളുടെ സവിശേഷതകളിലൊന്നാണ് നിങ്ങൾ എന്തെങ്കിലും ചെയ്യുമ്പോൾ ഫീഡ്ബാക്ക് ഉണ്ടാകുന്നത്. ഏറ്റവും സാധാരണമായ ഫീഡ്ബാക്ക് ശബ്ദം. നിങ്ങൾ കാര്യങ്ങൾ തിരഞ്ഞെടുക്കുമ്പോൾ കമ്പ്യൂട്ടർ ക്ലിക്കുചെയ്യുകയും പിശകുകൾ ഉണ്ടാകുമ്പോൾ ബീപ്സ് ചെയ്യുകയും, മറ്റ് സാഹചര്യങ്ങൾ നിങ്ങളെ അസ്വസ്ഥരാക്കുകയും ചെയ്യുന്നു. എന്നാൽ വെബ് പേജുകളിൽ ഈ തരത്തിലുള്ള ഫീഡ്ബാക്ക് ഇല്ല. ഇത് അവരെ മുഷിഞ്ഞ അല്ലെങ്കിൽ പ്രതികരിക്കുന്നില്ലെന്ന് തോന്നിപ്പിക്കുന്നു.

അത് മാറ്റാൻ എളുപ്പമാണ്. ഡൈനാമിക് HTML ആട്രിബ്യൂട്ടുകളും ശബ്ദങ്ങളും ഉപയോഗിച്ച്, ഒരു അപ്ലിക്കേഷൻ പോലെ കൂടുതൽ പ്രവർത്തിക്കുന്ന വെബ് പേജ് സൃഷ്ടിക്കാൻ കഴിയും.

ഒരു ഉപഭോക്താവ് എന്തോ ഒന്ന് ക്ലിക്കുചെയ്യുമ്പോൾ ശബ്ദമുണ്ടാക്കുക

ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് ഒരു ഉപഭോക്താവ് എപ്പോഴെങ്കിലും ക്ലിക്കുചെയ്യുമ്പോഴും ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് എന്തെങ്കിലും കസ്റ്റമർ കവറിൽ എത്തുമ്പോൾ ഈ സ്ക്രിപ്റ്റ് സൗണ്ട് ഇഫക്ടുകൾ ചേർക്കും. എല്ലാ വെബ് ബ്രൌസറുകളും കണ്ണൂരല്ലാത്ത മൂലകങ്ങളിലുള്ള onmouseover, onclick ആട്രിബ്യൂട്ടുകൾ കൈകാര്യം ചെയ്യുന്നില്ലെങ്കിൽ, വ്യത്യസ്ത ബ്രൌസറുകളിൽ അവ പരീക്ഷിച്ചു നോക്കുക.

നിങ്ങളുടെ HTML പ്രമാണത്തിന്റെ HEAD ൽ ഇനിപ്പറയുന്ന സ്ക്രിപ്റ്റ് ഇടുക:

innerHTML = " \ "autostart = \" true \ "ലൂപ് = \" false \ "/>"; }

ശൂന്യമായ സ്പാനിൽ സൗണ്ട് സ്ഥാപിക്കുക

സ്ക്രിപ്റ്റ് ആരംഭിക്കുമ്പോൾ ശൂന്യമായ SPAN എലമെന്റിനുള്ളിൽ JavaScript ഒരു EMBED ഘടകത്തെ സ്ഥാനം നൽകുന്നു. അതിനാൽ, നിങ്ങളുടെ HTML പേജിൻറെ BODY പരിധിക്കുള്ളിൽ, ഏറ്റവും മുകളിലുള്ള പ്രമാണത്തിനടുത്തായിരിക്കണം താഴെക്കൊടുത്തിരിക്കുന്ന SPAN ടാഗ് ചേർക്കേണ്ടത്:

ഒരു ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് സ്ക്രിപ്റ്റ് വിളിക്കുക

നിങ്ങൾ ചേർക്കേണ്ട അവസാനത്തെ ഭാഗമാണ് നിങ്ങൾ ക്ലിക്കുചെയ്യുന്ന ശബ്ദം അല്ലെങ്കിൽ മൗസ്ഓവർ സൃഷ്ടിക്കാൻ ആഗ്രഹിക്കുന്ന ഒരു ഘടകമാണ്. ഈ ആട്രിബ്യൂട്ടുകളിലൊന്ന് ഉപയോഗിച്ച് സ്ക്രിപ്റ്റ് വിളിക്കുക. നിങ്ങൾ കളിക്കാൻ ആഗ്രഹിക്കുന്ന ശബ്ദ ഫയലിലേക്കുള്ള പൂർണ്ണ URL ഉപയോഗിച്ച് UrlToSoundFile മാറ്റിസ്ഥാപിക്കുക:

onclick = "playSound ('UrlToSoundFile');" > ശബ്ദ കേൾക്കുന്നതിന് ഇവിടെ ക്ലിക്കുചെയ്യുക

onmouseover = "playSound ('UrlToSoundFile');" > ഈ വാചകത്തിൽ മൗസ് ശബ്ദം കേൾക്കാൻ

ഒരു ബ്ലൂജേ ശബ്ദം കേൾക്കുന്ന മുഴുവൻ HTML പ്രമാണവും ഇവിടെയുണ്ട്. HTML ഫയലിന്റെ അതേ ഡയറക്ടറിയിൽ ശബ്ദ ഫയൽ സംഭരിച്ചിരിക്കുന്നു:

="http://www.youtube.com/watch?v=AltOpLL&feature=" > ="http://www.youtube.com/watch?v=rtrLtQQ&http://www.youtube.com/watch?v=rtrLtQQQ " innerHTML = ""; } < span id = "dummy">

onclick = "playSound ('zbluejay.wav');" > ഒരു പക്ഷി പാടുന്നത് കേൾക്കുന്നതിന് ഇവിടെ ക്ലിക്കുചെയ്യുക

onmouseover = "playSound ('zbluejay.wav');" > അല്ലെങ്കിൽ അതേ പക്ഷിശബ്ദം കേൾക്കാൻ നിങ്ങളുടെ മൗസ് ഈ ഖണ്ഡികയിൽ നിങ്ങൾക്ക് കഴിയും.