Pridajte na svoj web hudbu na pozadí, aby si ju užívatelia mohli vychutnať pri prehliadaní.
Rôzne metódy vkladania hudby na webovú stránku sa stali populárnymi od prvých dní World Wide Web. Predovšetkým značka „embed“ v HTML, audio prehrávačoch založených na jazyku Java a prehrávačoch založených na Flash sú všetky možné možnosti na pridanie hudba na pozadí webovej stránky, ale žiadne riešenie nebolo všeobecne prijaté ani nie je plne kompatibilné so všetkými prehliadačmi a platformy. Novší štandard HTML5 obsahuje značku „audio“, ktorá je špecificky definovaná pre prehrávanie vloženého zvuku.
Krok 1
Ak chcete vložiť hudobný súbor a automaticky ho prehrať, keď si návštevník prehliada vašu webovú stránku, pridajte nasledujúci kód kamkoľvek do tela dokumentu HTML.
Video dňa
Zmeňte atribút „src“ tak, aby obsahoval cestu a názov súboru s hudbou, ktorý chcete vložiť.
Krok 2
Ak chcete, aby sa hudobný súbor prehrával znova a znova, pridajte atribút „loop“:
Krok 3
Ak chcete prehliadaču používateľa ponúknuť výber z viacerých formátov súborov, použite viacero značiek „source“ namiesto atribútu „src“ značky „audio“:
V tomto príklade sa prehliadač používateľa rozhodne, či prehrá súbor MP3 alebo súbor OGG. Táto technika môže byť užitočná pri zacielení na mobilné zariadenia, ktoré dokážu prehrávať len určité zvukové formáty.
Krok 4
Vložte značku „embed“ do značky „audio“, aby ste poskytli podporu pre staršie prehliadače, ktoré nemajú podporu HTML5. Upozorňujeme, že toto použitie značky „embed“ je zastarané (čo znamená, že sa už oficiálne nevyžaduje podporované), takže experimentujte s touto technikou iba vtedy, ak máte podozrenie, že vaši používatelia budú používať zastaraný web prehliadačov. Tu je príklad:
Tip
Zvážte pridanie atribútu „controls“ do značky „audio“, aby ste umožnili používateľovi zastaviť hudbu a zmeniť hlasitosť. Okrem toho zvážte nepoužívanie atribútu „autoplay“, pokiaľ na toto správanie prehliadača neexistuje dobrý dôvod. Mnoho používateľov považuje zabudovanú hudbu na pozadí, ktorá sa nečakane prehrá bez ich povolenia, otravnú a okamžite opustí váš web.
