HTML5 વેબ પૃષ્ઠ પર સાઉન્ડ કેવી રીતે ઉમેરવું

HTML5 એ તત્વ સાથે તમારા વેબ પૃષ્ઠો પર ધ્વનિ અને સંગીતને ઉમેરવાનું સરળ બનાવે છે. હકીકતમાં, આવું સૌથી સખત બાબત એ છે કે તમે બહુવિધ સ્રોતો બનાવવાની જરૂર છે જે તમારી સાઉન્ડ ફાઇલો બહોળી વિવિધ બ્રાઉઝર્સ પર ચાલે છે તેની ખાતરી કરવા માટે જરૂરી છે.

HTML5 નો ઉપયોગ કરવાનો ફાયદો એ છે કે તમે બે ટૅગ્સનો ઉપયોગ કરીને અવાજને એમ્બેડ કરી શકો છો. બ્રાઉઝર્સ પછી, જ્યારે તમે IMG ઘટકનો ઉપયોગ કરો ત્યારે તે એક છબી પ્રદર્શિત કરશે તેવો અવાજ ચલાવો

HTML5 વેબ પૃષ્ઠ પર સાઉન્ડ કેવી રીતે ઉમેરવું

તમારે HTML સંપાદક , એક સાઉન્ડ ફાઇલ (પ્રાધાન્યમાં MP3 ફોર્મેટમાં), અને સાઉન્ડ ફાઇલ કન્વર્ટરની જરૂર પડશે.

1. પ્રથમ, તમારે સાઉન્ડ ફાઇલની જરૂર છે. ફાઇલને એમ.પી. 3 ( .પી.પી. ) તરીકે રેકોર્ડ કરવી શ્રેષ્ઠ છે કારણ કે તેની ઊંચી ગુણવત્તાવાળી ગુણવત્તા છે અને તે મોટા ભાગના બ્રાઉઝર્સ (એન્ડ્રોઇડ 2.3+, ક્રોમ 6+, આઇ 9 +, આઇઓએસ 3+ અને સફારી 5+) દ્વારા સપોર્ટેડ છે.
2. તમારી ફાઇલને ફોર્બ્સ 3.6+ અને ઓપેરા 10.5+ સપોર્ટમાં ઉમેરવા માટે વોર્બિસ ફોર્મેટ ( .ogg ) માં કન્વર્ટ કરો. તમે Vorbis.com પર મળેલી કન્વર્ટરનો ઉપયોગ કરી શકો છો. ફાયરફોક્સ અને ઓપેરા સપોર્ટ મેળવવા માટે તમે તમારા એમપી 3 ( WAV ) ફાઇલ ફોર્મેટમાં ( .wav ) રૂપાંતર કરી શકો છો. હું તમારી ફાઇલને તમામ ત્રણ પ્રકારોમાં પોસ્ટ કરવાની ભલામણ કરું છું, સુરક્ષા માટે જ છે, પરંતુ તમને સૌથી વધુ જરૂર છે એમપી 3 અને અન્ય એક પ્રકાર.
3. તમારા વેબ સર્વર પર તમામ ઑડિઓ ફાઇલો અપલોડ કરો અને તમે તેમને જે ડિરેક્ટરીમાં સંગ્રહિત કરો છો તેની નોંધ કરો. તે ઑડિઓ ફાઇલો માટે ઉપ ડિરેક્ટરીમાં મૂકવાનો એક સારો વિચાર છે, જેમ કે મોટા ભાગનાં ડિઝાઇનરો ઈમેજો ડાયરેક્ટરીમાં ઈમેજો સાચવે છે.
4. ઑડિઓ તત્વને તમારી HTML ફાઇલમાં ઍડ કરો જ્યાં તમે સાઉન્ડ ફાઇલ નિયંત્રણો પ્રદર્શિત કરવા માંગો છો. <ઑડિઓ નિયંત્રણો>
5. ઑડિઓ તત્વની અંદર અપલોડ કરેલ દરેક ઑડિઓ ફાઇલ માટે પ્લેસ સ્રોસ ઘટકો:

1. ઑડિઓ તત્વની અંદરની કોઈપણ HTML ઑડિઓ તત્વને સપોર્ટ કરતી બ્રાઉઝર્સ માટે ફોલબેક તરીકે ઉપયોગમાં લેવાશે નહીં તેથી કેટલાક HTML ઉમેરો. ફાઇલને ડાઉનલોડ કરવા માટે એચટીએમએલ ઍડ કરવાનો સૌથી સરળ રસ્તો છે, પણ અવાજ ચલાવવા માટે તમે એચટીએમએલ 4.01 એમ્બેડિંગ પદ્ધતિઓનો ઉપયોગ કરી શકો છો. અહીં એક સરળ ફોલબેક છે:

   તમારા બ્રાઉઝર ઑડિઓ પ્લેબેકને સપોર્ટ કરતું નથી, ફાઇલ ડાઉનલોડ કરો:

   1. એમપી 3 ,
   2. વોર્બિસ , WAV
2. તમને જે છેલ્લી વસ્તુ કરવાની જરૂર છે તે તમારા ઑડિઓ તત્વ બંધ છે:
3. જ્યારે તમે પૂર્ણ કરી લો, ત્યારે તમારું HTML આના જેવું દેખાવું જોઈએ:
   4. તમારા બ્રાઉઝર ઑડિઓ પ્લેબેકને સપોર્ટ કરતું નથી, ફાઇલ ડાઉનલોડ કરો:

   5. એમપી 3 ,
   6. વોર્બિસ ,
   7. WAV

વધારાના ટીપ્સ

1. HTML5 doctype () નો ઉપયોગ કરવાની ખાતરી કરો જેથી તમારા HTML માન્ય થશે
2. તમારા તત્વમાં તમે કયા વિકલ્પો ઉમેરી શકો છો તે તત્વ માટે ઉપલબ્ધ લક્ષણોની સમીક્ષા કરો.
3. નોંધો કે અમે ડિફૉલ્ટ રૂપે નિયંત્રણો શામેલ કરવા માટે HTML સેટ કર્યો છે અને ઑટોપ્લે બંધ કરેલ છે. તમે, અલબત્ત, તે બદલી શકો છો, પરંતુ યાદ રાખો કે ઘણા લોકો આપોઆપ શરુ થતી ધ્વનિ શોધે છે કે તેઓ શ્રેષ્ઠ રીતે હેરાન થઈ શકે તેમ નથી અને જ્યારે આવું થાય ત્યારે ઘણી વાર તે પૃષ્ઠને છોડી દેશે.