Háttérzenei HTML-kód hozzáadása
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 lehetőség háttérzene hozzáadására egy weboldalhoz, de egyetlen megoldást sem fogadtak el általánosan, vagy amely teljesen kompatibilis az összes böngészővel és platformmal. . 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 a webhelyet.
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 választhat 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 használata elavult (ami azt jelenti, hogy hivatalosan már nem kötelező támogatni), ezért csak akkor kísérletezzen ezzel a technikával, ha azt gyanítja, hogy a felhasználók elavult webböngészőket fognak használni. Í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 ennek a böngésző viselkedésének. Sok felhasználó bosszantónak találja azt a beágyazott háttérzenét, amely váratlanul, engedélyük nélkül játszik le, és azonnal elhagyja webhelyét.