Carane Nambah Suara menyang Web Page HTML5

HTML5 nggampangake nambah swara lan musik menyang kaca web kanthi elemen. Ing kasunyatan, bab paling angel kanggo nggawe nggawe sumber akeh sampeyan kudu nggawe file swara ing macem-macem browser.

Manfaat saka nggunakake HTML5 iku sampeyan bisa nampilake swara mung kanthi nggunakake saperangan tag. Browser, banjur, muter swara kaya sing bakal nampilake gambar nalika sampeyan nggunakake unsur IMG .

Carane Nambah Suara menyang Web Page HTML5

Sampeyan butuh Editor HTML , file swara (luwih apik ing format MP3), lan file swara converter.

1. Pisanan, sampeyan butuh file swara. Paling apik kanggo ngrekam berkas iki minangka MP3 ( .mp3 ) amarga iki nduweni kualitas swara dhuwur lan didhukung dening paling browser (Android 2.3+, Chrome 6+, IE 9+, iOS 3+, lan Safari 5+).
2. Ngonversi file menyang format Vorbis ( .ogg ) kanggo nambah Firefox 3.6+ lan support Opera 10.5+. Sampeyan bisa nggunakake konverter kaya sing ditemokake ing Vorbis.com. Sampeyan uga bisa ngowahi MP3 menyang format file WAV ( .wav ) kanggo ndukung Firefox lan Opera. Aku nyaranake ngirimake file ing telung jinis, mung kanggo keamanan, nanging sing paling sampeyan perlu yaiku MP3 lan siji tipe liyane.
3. Ngunggahake kabeh file audio menyang server web Sampeyan lan nggawe cathetan saka direktori sing disimpen ing. Iku apik kanggo nyelehake ing sub-direktori mung kanggo file audio, kaya sing paling perancang nyimpen gambar ing direktori gambar .
4. Nambahake elemen AUDIO menyang file HTML ing ngendi sampeyan pengin kontrol file swara kanggo ditampilake.
5. Panggonan SOURCE elemen kanggo saben file audio sing sampeyan unggah ing elemen AUDIO :

1. Saben HTML ing sajrone unsur AUDIO bakal digunakake minangka pangowahan kanggo browser sing ora ndhukung unsur AUDIO . Supaya nambah sawetara HTML. Cara paling gampang kanggo nambah HTML supaya bisa ngundhuh file kasebut, nanging sampeyan uga bisa nggunakake cara ngolah HTML 4.01 kanggo muter swara. Punika fallback prasaja:

   Browser sampeyan ora ndhukung playback audio, ngundhuh file:

   1. MP3 ,
   2. Vorbis , WAV
2. Ing pungkasan sampeyan kudu nutup elemen AUDIO :
3. Yen wis rampung, HTML sampeyan kudu katon kaya iki:
   4. Browser sampeyan ora ndhukung pamuter audio, ngundhuh file:

   5. MP3 ,
   6. Vorbis ,
   7. WAV

Tip tambahan

1. Dadi manawa nggunakake HTML5 doctype () supaya HTML bakal bisa diestimasi
2. Deleng atribut sing kasedhiya kanggo elemen kanggo ndeleng apa opsi liyane sing bisa ditambahake menyang elemen sampeyan.
3. Elinga yen kita nyetel HTML kanggo ngemot kontrol kanthi gawan lan mateni autoplay. Sampeyan bisa, mesthi, ngganti sing, nanging elinga yen akeh wong nemokake swara sing diwiwiti kanthi otomatis / sing padha ora bisa ngontrol dadi ngganggu ing paling apik, lan bakal kerep mung ninggalake kaca nalika kedadeyan kasebut.