![...](/f/6f8fecad6770e93be9560ef83838ae5f.jpg)
Přidejte na svůj web hudbu na pozadí, aby si ji uživatelé mohli užívat při procházení.
Různé metody vkládání hudby na webovou stránku se staly populárními od počátků World Wide Web. Zejména značka „embed“ v HTML, audio přehrávačích založených na Javě a přehrávačích založených na Flash jsou všechny možné možnosti pro přidání hudbu na pozadí webové stránky, ale žádné řešení nebylo univerzálně přijato ani není plně kompatibilní se všemi prohlížeči a platformy. Novější standard HTML5 obsahuje značku „audio“, která je specificky definována pro přehrávání vloženého zvuku.
Krok 1
Přidejte následující kód kamkoli do těla dokumentu HTML, abyste vložili hudební soubor a automaticky jej přehráli, když návštěvník projde váš web.
Video dne
Změňte atribut "src" tak, aby obsahoval cestu a název souboru hudebního souboru, který chcete vložit.
Krok 2
Pokud chcete, aby se hudební soubor přehrával znovu a znovu, přidejte atribut „loop“:
Krok 3
Pokud chcete prohlížeči uživatele nabídnout výběr z více formátů souborů, použijte místo atributu „src“ tagu „audio“ více značek „source“:
V tomto příkladu se prohlížeč uživatele rozhodne, zda přehraje soubor MP3 nebo soubor OGG. Tato technika může být užitečná pro cílení na mobilní zařízení, která mohou přehrávat pouze určité zvukové formáty.
Krok 4
Vnořte značku „embed“ do značky „audio“, abyste poskytli podporu pro starší prohlížeče, které nemají podporu HTML5. Upozorňujeme, že toto použití značky „embed“ je zastaralé (což znamená, že již není oficiálně vyžadováno podporováno), takže experimentujte s touto technikou pouze v případě, že máte podezření, že vaši uživatelé budou používat zastaralý web prohlížeče. Zde je příklad:
Spropitné
Zvažte přidání atributu „controls“ ke značce „audio“, aby uživatel mohl zastavit hudbu a změnit hlasitost. Kromě toho zvažte použití atributu „autoplay“, pokud pro toto chování prohlížeče neexistuje dobrý důvod. Mnoho uživatelů považuje vloženou hudbu na pozadí, která se neočekávaně přehrává bez jejich svolení, za otravnou a okamžitě opustí váš web.