Unsaon Pagdugang sa Sound sa usa ka Web Page sa HTML5

Ang HTML5 dali nga makadugang sa tingog ug musika sa imong mga panid sa web gamit ang elemento. Sa pagkatinuod, ang pinakalisud nga butang nga buhaton mao ang paghimo sa daghang mga tinubdan nga imong gikinahanglan aron sa pagsiguro nga ang imong mga sound file magdula sa pinakalapad nga lainlaing mga browser.

Ang kaayohan sa paggamit sa HTML5 mao nga imong ma-embed ang tingog pinaagi lamang sa paggamit sa pipila ka mga tag. Ang mga browsers, dayon, nagpatugtog sa tingog nga sama sa ilang pagpakita sa usa ka imahen kung mogamit ka og elemento sa IMG .

Unsaon Pagdugang sa Sound sa usa ka Web Page sa HTML5

Kinahanglan nimo ang usa ka HTML Editor , usa ka sound file (mas maayo sa MP3 format), ug usa ka sound file converter.

1. Una, nagkinahanglan ka og sound file. Maayo nga i-rekord ang file isip usa ka MP3 ( .mp3 ) tungod kay kini adunay taas nga kalidad sa tingog ug gisuportahan sa kadaghanan nga mga browsers (Android 2.3+, Chrome 6+, IE 9+, iOS 3+, ug Safari 5+).
2. I-convert ang imong file sa Vorbis format ( .ogg ) aron idugang sa Firefox 3.6+ ug Opera 10.5+ nga suporta. Mahimo nimo gamiton ang usa ka converter nga sama sa usa nga makita sa Vorbis.com. Mahimo mo usab ipa-convert ang imong MP3 ngadto sa WAV file format ( .wav ) aron makuha ang suporta sa Firefox ug Opera. Girekomendar nako ang pag-post sa imong file sa tanang tulo nga matang, alang lamang sa seguridad, apan ang labing gikinahanglan nimo mao ang MP3 ug usa pa nga tipo.
3. Pag-upload sa tanan nga mga file sa audio sa imong web server ug paghimo sa usa ka nota sa direktoryo nga imong gitipigan kanila. Maayo nga ideya nga ibutang kini sa usa ka sub-directory alang lamang sa mga audio file, sama sa kadaghanan sa mga tigdesinyo mag-save sa mga imahe sa usa ka direktoryo sa mga larawan .
4. Idugang ang elemento sa AUDIO sa imong HTML nga file diin gusto nimo ang pagkontrol sa sound file aron ipakita.
5. Ibutang SOURCE elemento sa matag audio file nga imong gi-upload sulod sa elemento sa AUDIO :

1. Ang bisan unsa nga HTML sa sulod sa elemento sa AUDIO gamiton isip fallback alang sa mga browser nga wala mosuporta sa elemento sa AUDIO . Busa dugangi ang pipila ka HTML. Ang labing sayon ​​nga paagi mao ang pagdugang sa HTML aron ipa-download nila ang file, apan mahimo usab nimo gamiton ang HTML 4.01 nga pamaagi sa pag-emblem aron sa pagpatugtog sa tingog. Ania ang yano nga fallback:

   Ang imong browser wala mosuporta sa audio playback, i-download ang file:

   1. MP3 ,
   2. Vorbis , WAV
2. Ang katapusan nga butang nga kinahanglan nimo nga buhaton mao ang pagpiyong sa imong elemento sa AUDIO :
3. Kung nahuman ka, ang imong HTML kinahanglan nga ingon niini:
   4. Ang imong browser wala mosuporta sa audio playback, i-download ang file:

   5. MP3 ,
   6. Vorbis ,
   7. WAV

Dugang nga mga Sugyot

1. Siguroha nga gamiton ang HTML5 doctype () aron ang imong HTML mag-validate
2. Ribyuha ang mga hiyas nga anaa alang sa elemento aron makita kung unsang mga kapilian nga mahimo nimong idugang sa imong elemento.
3. Timan-i nga among gipahimutang ang HTML nga maglakip sa mga kontrol pinaagi sa default ug gipalong ang autoplay. Siyempre, mahimo nimong usbon kana, apan hinumdomi nga daghang mga tawo ang nakakaplag og tingog nga nagsugod nga awtomatik / nga dili nila makontrol nga makalagot, ug kanunay nga mobiya sa panid kon kana mahitabo.