Hang beágyazása HTML-ben

A <audio> elem segítségével hangfájlokat ágyazhatunk be weboldalra. A modern böngészők képesek lejátszani ezeket a fájlokat beépített lejátszón keresztül, külső bővítmény nélkül.

Alap hanglejátszás

A legegyszerűbb hanglejátszás a <audio> elem és egy <source> elem segítségével történik. A 'controls' attribútum megjeleníti a lejátszáshoz szükséges vezérlőket.

Fontosabb attribútumok

- 'controls': vezérlők megjelenítése - 'autoplay': automatikus lejátszás - 'loop': ismételt lejátszás - 'muted': némított lejátszás - 'preload': előtöltés típusa (none, metadata, auto)

Több fájlformátum támogatása

Mivel nem minden böngésző támogatja ugyanazokat a formátumokat, ajánlott több <source> elemet megadni (pl. MP3, OGG). A böngésző az első támogatottat játssza le.

Gyakorlati tanácsok

Fontos, hogy optimalizált, kis méretű hangfájlokat használjunk a gyors betöltés érdekében. A fájlokat megfelelően nevezd el, és mindig biztosíts fallback szöveget nem támogatott böngészők esetére.