Hoe te klúden oan in HTML5 Web side ta te heakjen

HTML5 makket it maklik om lûd en muzyk oan jo websiden te tafoegje mei it elemint. It feit dat de hurdste ding te meitsjen is de ferskate boarnen dy't jo meitsje moatte soargje dat jo lûdtriemmen spylje op 'e breedste ferskaat fan browsers.

It foardiel fan it brûken fan HTML5 is dat jo gewoan lûd kinne troch in pear tags te brûken. De browsers spylje dan it lûd lykas se in ôfbylding werjaan moatte as jo in IMG- elemint brûke.

Hoe te klúden oan in HTML5 Web side ta te heakjen

Jo moatte in HTML-bewurker hawwe , in lûdtriem (foarkar yn MP3-formaat), en in lûdtriemconverter.

1. Earst moatte jo in lûdtriem hawwe. It is it bêste om de triem as MP3 ( .mp3 ) op te nimmen as dit hege lûdskwaliteit hat en wurdt stipe troch de measte browsers (Android 2.3, Chrome 6+, IE 9+, iOS 3+, en Safari 5+).
2. Convert your file to Vorbis format ( .ogg ) to add in Firefox 3.6+ and Opera 10.5+ support. Jo kinne in converter brûke, lykas ien op Vorbis.com fûn. Jo kinne ek jo MP3 nei in WAV triemformaat ( .wav ) konvertearje om Firefox en Opera stipe te krijen. Ik advisearje it ferstjoeren fan jo bestân yn alle trije soarten, allinich foar feiligens, mar de measte dy't jo nedich binne binne MP3 en ien oare type.
3. Ferfarskje alle audio-bestannen nei jo webserver en meitsje in notysje fan it directory dat jo se ynsteld hawwe. It is in goeie idee om se yn in sub-directory just foar audio-bestannen te pleatsen, lykas de measte ûntwerper's ôfbyldings bewarje yn in byldbehearder .
4. It AUDIO- elemint taheakje oan jo HTML-bestân wêr't jo wolle dat de lûdtriem kontrolearje sil wurde werjûn.
5. Selektearje SOURCE- eleminten foar elke audio-bestân dy't jo yn it AUDIO- elemint uploade:

1. Any HTML inside the AUDIO element will be used as a fallback for browsers that do not support the AUDIO element. Dus taheakje wat HTML. De maklikste manier is om HTML ta te foegjen om se de triem downloaden te litten, mar jo kinne ek HTML 4.01 ynbringmethoden brûke om it lûd te spyljen. Hjir is in ienfâldige eftergrûn:

   Jo blêder stipet gjin audio-toetsen, downloade de triem:

   1. MP3 ,
   2. Vorbis , WAV
2. It lêste ding dat jo nedich binne, is it tema fan jo AUDIO- elemint:
3. As jo ​​dien binne, moat jo HTML sa wêze:
   4. Jo blêder stipet gjin audio-toetsen, downloade de triem:

   5. MP3 ,
   6. Vorbis ,
   7. WAV

Oanfoljende tips

1. Soargje derfoar dat it HTML5 doctype () gebrûk makket sadat jo HTML valide sil
2. Besykje de eigenskippen beskikber foar it elemint om te sjen wat oare opsjes jo kinne tafoegje oan jo elemint.
3. Tink derom dat wy de HTML ynsteld hawwe om kontrôles standert te meitsjen en autoplay ôfsluten. Jo kinne, fansels, it feroarje, mar tinke dat in protte minsken lûd fine dat automatysk begjint / dat se net kontrolearje kinne om it bêste te ferjaan, en sil faak de side ferlitte wannear't dat bart.