Háttérzenei HTML-kód hozzáadása

click fraud protection
...

Adjon hozzá háttérzenét webhelyéhez, hogy a felhasználók böngészés közben élvezhessék.

A zene weblapokba való beágyazásának különféle módjai a világháló kezdetei óta népszerűek. Nevezetesen, az "embed" címke a HTML-ben, a Java-alapú audiolejátszókban és a Flash-alapú lejátszókban minden lehetséges hozzáadási lehetőség. háttérzene egy weboldalra, de egyetlen megoldás sem terjedt el általánosan, vagy amely teljesen kompatibilis az összes böngészővel és platformok. Az újabb HTML5 szabvány tartalmazza az "audio" címkét, amely kifejezetten a beágyazott hanglejátszáshoz van definiálva.

1. lépés

Adja hozzá a következő kódot bárhol a HTML-dokumentum törzséhez, hogy beágyazzon egy zenei fájlt, és automatikusan lejátssza, amikor egy látogató böngészi webhelyét.

A nap videója

Módosítsa az „src” attribútumot úgy, hogy az tartalmazza a beágyazni kívánt zenefájl elérési útját és fájlnevét.

2. lépés

Adja hozzá a "loop" attribútumot, ha azt szeretné, hogy a zenefájl újra és újra lejátszhassa:

3. lépés

Használjon több "source" címkét az "audio" címke "src" attribútuma helyett, ha több fájlformátum közül szeretne választani a felhasználó böngészőjében:

Ebben a példában a felhasználó böngészője dönti el, hogy az MP3 fájlt vagy az OGG fájlt játssza le. Ez a technika hasznos lehet olyan mobileszközök megcélzásakor, amelyek csak bizonyos hangformátumokat képesek lejátszani.

4. lépés

Helyezze be az "embed" címkét az "audio" címkébe, hogy támogassa a régebbi böngészőket, amelyek nem támogatják a HTML5-öt. Vegye figyelembe, hogy az "embed" címke ilyen használata elavult (ami azt jelenti, hogy már nem kötelező támogatott), ezért csak akkor kísérletezzen ezzel a technikával, ha azt gyanítja, hogy a felhasználók elavult webet fognak használni böngészők. Íme egy példa:

Tipp

Fontolja meg a "controls" attribútum hozzáadását az "audio" címkéhez, hogy a felhasználó leállíthassa a zenét és módosítsa a hangerőt. Ezenkívül ne használja az "autoplay" attribútumot, hacsak nincs jó oka a böngésző ilyen viselkedésének. Sok felhasználó bosszantónak találja a beágyazott háttérzenét, amely váratlanul, engedélyük nélkül játszik le, és azonnal elhagyja webhelyét.