Kako dodati zvok na spletno stran HTML5

Anonim

HTML5 omogoča preprosto dodajanje zvoka in glasbe na svoje spletne strani z elementom. Dejstvo je, da je najtežja stvar ustvariti več virov, ki jih morate zagotoviti, da se vaše zvočne datoteke igrajo na najrazličnejših brskalnikih.

Prednost uporabe HTML5 je, da lahko vdelate zvok samo z uporabo nekaj oznak. Brskalniki nato predvajajo zvok, tako kot bi prikazali sliko, ko boste uporabili

IMG element.

Kako dodati zvok na spletno stran HTML5

Potrebovali boste urejevalnik HTML, zvočno datoteko (po možnosti v formatu MP3) in zvočni pretvornik datotek.

  1. Najprej potrebujete zvočno datoteko. Datoteko je najbolje zapisati kot MP3 (

    .mp3), ker ima to visoko kakovost zvoka in je podprta z večino brskalnikov (Android 2.3+, Chrome 6+, IE 9+, iOS 3+ in Safari 5+).

  2. Pretvorite svojo datoteko v format Vorbis (

    .ogg), da dodate v podporo Firefox 3.6+ in Opera 10.5+. Uporabite lahko pretvornik, podoben tistemu, ki ga najdete na Vorbis.com. Prav tako lahko MP3 pretvorite v format WAV datoteke (

    .wav), da bi dobili Firefox in Opera podporo. Priporočam, da objavite svojo datoteko v vseh treh vrstah, samo za varnost, vendar najbolj potrebujete MP3 in eno drugo vrsto.

  3. Naložite vse zvočne datoteke v spletni strežnik in zabeležite imenik, v katerem ste jih shranili. Dobro je, da jih postavite v podimenik samo za zvočne datoteke, kot večina oblikovalcev, da shranite slike v

    slike imenik.

  4. Dodajte

    AUDIO element v datoteko HTML, kjer želite prikazati nadzor zvočnih datotek.

  5. Kraj

    VIR elemente za vsako zvočno datoteko, ki jo naložite v

    AUDIO element:

    1. Vsak HTML znotraj

      AUDIO element bo uporabljen kot nadomestni za brskalnike, ki ne podpirajo

      AUDIO element. Dodajte nekaj HTML. Najlažji način je dodati HTML, s katerim lahko prenesete datoteko, vendar lahko za predvajanje zvokov uporabite tudi metode za vdelavo HTML 4.01. Tukaj je preprosto opozorilo:

      Vaš brskalnik ne podpira predvajanja zvoka, prenesite datoteko: MP3,

    2. Vorbis, WAV

  7. Zadnja stvar, ki jo morate storiti, je zapreti vaš AUDIO element:

    1. Ko končate, mora vaš HTML izgledati takole:

    4. Vaš brskalnik ne podpira predvajanja zvoka, prenesite datoteko:

    5. MP3,

    6. Vorbis,

    7. WAV

Dodatni nasveti

  • Uporabite HTML5 doctype (), tako da bo vaš HTML potrdil
  • Oglejte si atribute, ki so na voljo elementu in si oglejte, katere druge možnosti lahko dodate v element.
  • Upoštevajte, da smo nastavili HTML za privzete nastavitve in samodejni izklop izključili. Seveda lahko to spremenite, vendar ne pozabite, da mnogi ljudje najdejo zvok, ki se samodejno zažene / ne more nadzorovati, da bi bil v najboljšem primeru nadloga, in pogosto zapusti stran, ko se to zgodi.

Izbira Urednika