Ki jan yo ajoute son nan yon paj Web HTML5

HTML5 fè li fasil pou ajoute son ak mizik nan paj entènèt ou a ak eleman an. An reyalite, bagay ki pi di yo fè se kreye sous yo miltip ou bezwen asire w ke dosye son ou jwe sou varyete nan larj nan navigatè.

Benefis la nan lè l sèvi avèk HTML5 se ke ou ka embed son jis lè l sèvi avèk yon koup la Tags. Navigatè yo, lè sa a, jwe son an menm jan yo ta montre yon imaj lè ou itilize yon eleman IMG .

Ki jan yo ajoute son nan yon paj Web HTML5

Ou pral bezwen yon editè HTML , yon dosye son (de preferans nan fòma MP3), ak yon konvètisè dosye son.

  1. Premyèman, ou bezwen yon dosye son. Li pi bon nan dosye dosye a kòm yon MP3 ( .mp3 ) kòm sa a gen bon jan kalite son ak sipòte pa navigatè yo ki pi (Android 2.3+, Chrome 6+, IE 9+, iOS 3+, ak Safari 5+).
  2. Konvèti dosye ou a fòma Vorbis ( .ogg ) ajoute nan Firefox 3.6+ ak Opera 10.5+ sipò. Ou ka itilize yon konvètisè tankou yon sèl yo te jwenn sou Vorbis.com. Ou kapab tou konvèti MP3 ou nan yon fòma dosye wav ( .wav ) jwenn Firefox ak Opera sipò. Mwen rekòmande afiche dosye ou nan tout twa kalite, jis pou sekirite, men pi plis nan ou bezwen yo MP3 ak yon lòt kalite.
  3. Voye tout dosye odyo nan sèvè entènèt ou epi fè yon nòt nan anyè a ou ki estoke yo pous Li se yon bon ide yo mete yo nan yon anyè sub jis pou dosye odyo, tankou pifò konsèpteur sove imaj nan yon anyè imaj .
  4. Add eleman nan AUDIO nan dosye HTML ou kote ou vle kontwole dosye yo son yo dwe parèt.
  5. Mete eleman SOURCE pou chak dosye odyo ou Upload andedan eleman AUDIO :
  1. Nenpòt HTML andedan eleman AUDIO yo pral itilize kòm yon backback pou navigatè ki pa sipòte eleman AUDIO . Se konsa, ajoute kèk HTML. Fason ki pi fasil la se ajoute HTML kite yo download dosye a, men ou ka tou itilize HTML 4.01 metòd embedding yo jwe son an. Isit la se yon fayib senp:

    Navigatè ou a pa sipòte odyo lèktur, download dosye a:

    1. MP3 ,
    2. Vorbis , WAV
  2. Bagay an dènye ou bezwen fè se fèmen eleman odyo ou:
  3. Lè w ap fè, HTML ou ta dwe gade tankou sa a:
    1. Navigatè ou a pa sipòte odyo lèktur, download dosye a:

    2. MP3 ,
    3. Vorbis ,
    4. WAV

Lòt konsèy

  1. Asire ou ke ou itilize HTML5 doctype a () pou ke HTML ou pral valide
  2. Revize atribi ki disponib pou eleman an pou wè ki lòt opsyon ou ka ajoute nan eleman ou.
  3. Remake byen ke nou mete kanpe HTML a gen ladan kontwòl pa default epi yo gen otoplay etenn. Ou ka, nan kou, chanje sa, men sonje ke anpil moun jwenn son ki kòmanse otomatikman / ke yo pa ka kontwole yo dwe anmèdan nan pi bon, epi yo pral souvan jis kite paj la lè sa rive.