Kako dodati glasbeno kodo HTML za ozadje
Različni načini vdelave glasbe v spletno stran so postali priljubljeni že od zgodnjih dni svetovnega spleta. Predvsem oznaka »vdelaj« v HTML, zvočnih predvajalnikih, ki temeljijo na Javi, in predvajalnikih, ki temeljijo na Flashu, so vse možne možnosti za dodajanje glasbe v ozadju na spletno stran, vendar nobena rešitev ni bila univerzalno sprejeta ali popolnoma združljiva z vsemi brskalniki in platformami. . Novejši standard HTML5 vključuje oznako »avdio«, ki je posebej definirana za predvajanje vdelanega zvoka.
1. korak
Dodajte naslednjo kodo kamor koli v telo dokumenta HTML, da vdelate glasbeno datoteko in jo samodejno predvajate, ko obiskovalec brska po vašem spletnem mestu.
Spremenite atribut "src", tako da bo vseboval pot in ime glasbene datoteke, ki jo želite vdelati.
2. korak
Dodajte atribut "loop", če želite, da se glasbena datoteka predvaja znova in znova:
3. korak
Uporabite več oznak »source« namesto atributa »src« oznake »audio«, če želite brskalniku uporabnika ponuditi izbiro več formatov datotek:
V tem primeru se bo brskalnik uporabnika odločil, ali bo predvajal datoteko MP3 ali datoteko OGG. Ta tehnika je lahko uporabna za ciljanje na mobilne naprave, ki lahko predvajajo samo določene zvočne formate.
4. korak
Vstavite oznako »embed« v oznako »audio«, da zagotovite podporo za starejše brskalnike, ki nimajo podpore za HTML5. Upoštevajte, da je ta uporaba oznake »vdelati« zastarela (kar pomeni, da ni več uradno potrebna podpora), zato poskusite s to tehniko le, če sumite, da bodo vaši uporabniki uporabljali zastarele spletne brskalnike. Tukaj je primer:
Nasvet
Razmislite o dodajanju atributa "controls" oznaki "audio", da bi uporabniku omogočili ustavitev glasbe in spreminjanje glasnosti. Poleg tega razmislite o uporabi atributa »samodejno predvajanje«, razen če obstaja dober razlog za takšno vedenje brskalnika. Mnogim uporabnikom je vdelana glasba v ozadju, ki se nepričakovano predvaja brez njihovega dovoljenja, moteča in bodo takoj zapustili vaše spletno mesto.