# Audió blokk

> Zene, podcast vagy más hangfájl beágyazása: feltöltés, igazítás, felirat, automatikus lejátszás, előtöltés és hibaelhárítás.

Az **Audió** blokkal zenét, podcastot vagy más hangfájlt ágyazhatsz be közvetlenül az oldalba vagy a bejegyzésbe. A látogató a beépített lejátszóval hallgathatja meg.

## A blokk hozzáadása

Kattints a **+** (blokkbeszúró) gombra, és válaszd az **Audió** blokkot. Egy új, üres Bekezdés blokkban a `/audió` (vagy `/audio`) beírása és az enter is létrehozza.

### A hangfájl megadása

Az új blokk háromféleképpen kap hangfájlt:

- **Feltöltés**: új fájlt töltesz fel a számítógépedről.
- **Médiatár**: a webhely Médiatárában már meglévő fájlt választasz.
- **Beillesztés URL-ből**: megadod annak a fájlnak a webcímét, amely már fel van töltve valahová (a saját webhelyedre vagy máshová).

Ha a fájl kiválasztása megvan, már beállíthatod a blokkot.

![Az Audió blokk kijelölve: lejátszó, felirat és eszköztár](./kepek/blokkok-hang-szerkeszto.webp)

*Az Audió blokk kijelölve: lejátszó, felirat és eszköztár* (https://minta-bolt.hu/wp-admin/post.php?post=16&action=edit)

A képen a kész lejátszó látszik a felirattal, fölötte az Audió blokk eszköztárával.

## Az Audió blokk eszköztára

Az eszköztár gombjai: **Audió** (átalakítás), **Húzás**, **Mozgatás fel** és **Mozgatás le**, **Igazít**, a felirat kapcsolója, **Csere** és **Beállítások** (három pont).

### Igazítás

Az **Igazít** gombbal a blokk szélességét és helyét választhatod meg:

- **Nincs**: az alapértelmezett igazítás.
- **Széles**: a tartalom szélességénél szélesebb blokk (ha a téma támogatja).
- **Teljes szélesség**: a blokk a képernyő teljes szélességét kitölti (ha a téma támogatja).
- **Balra**, **Középre**, **Jobbra**: a blokk a megfelelő oldalra kerül. Balra és jobbra igazításnál a lejátszó mellé másik blokk is kerülhet.

### Csere

A **Csere** gombbal másik hangfájlt választhatsz a blokkba: megnyithatod a Médiatárat, feltölthetsz új fájlt, és láthatod a jelenlegi fájl webcímét is.

### Felirat

Ha a hangfájlhoz van felirat a Médiatárban, a lejátszó alatt azt látod. Ha nincs, a felirat kapcsolójával (a **Csere** gomb mellett) saját feliratot adhatsz hozzá. Mind a Médiatárból érkező, mind az új felirat szerkeszthető: kattints a szövegre, és írd át. A szövegre félkövér, dőlt és link is tehető, a nyílra kattintva pedig további formázások érhetők el (például kiemelés, soron belüli kód, soron belüli kép). A feliratot a kapcsoló újbóli megnyomásával törölheted.

### Beállítások (három pont)

A három pontos menüből másolhatod, kettőzheted a blokkot, és HTML-ként is szerkesztheted.

## A Blokk fül beállításai

Jelöld ki a blokkot, és ha nem látod az oldalsávot, kattints a **Beállítások** gombra a **Közzététel** gomb mellett. A **Blokk** fülön két belső fül van: **Beállítások** (fogaskerék) és **Stílusok** (félig kitöltött kör).

![Az Audió blokk Beállítások füle: automatikus lejátszás, ciklus és előtöltés](./kepek/blokkok-hang-beallitasok.webp)

*Az Audió blokk Beállítások füle: automatikus lejátszás, ciklus és előtöltés* (https://minta-bolt.hu/wp-admin/post.php?post=16&action=edit)

A képen a **Beállítások** fül látszik az **Automatikus lejátszás**, **Ciklus** és **Előtöltés** beállításokkal.

### Beállítások fül

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Automatikus lejátszás** | A hang magától elindul, amikor valaki megnyitja az oldalt. | Ki |
| **Ciklus** | A lejátszás a végén újraindul. | Ki |
| **Előtöltés** | Megadja, mennyit tölt le a böngésző a fájlból az oldal betöltésekor. | **Böngésző alapértelmezése** |

Az **Előtöltés** négy értéke:

- **Böngésző alapértelmezése**: a látogató böngészőjének saját beállítása érvényes.
- **Automatikus**: a teljes hangfájl letöltődik, akkor is, ha a látogató nem indítja el. Ez lassítja leginkább az oldalt, főleg nagy fájloknál.
- **Meta adat**: csak a fájl alapadatai töltődnek le, a hang maga csak a lejátszás indításakor. Ez nagyon gyors.
- **Semmi**: semmi sem töltődik le előre, a letöltés a lejátszás gombra kattintva kezdődik. Ez a leggyorsabb.

Érdemes ésszel választani: a teljes fájl előzetes letöltése lassíthatja az oldal betöltését. A **Meta adat** és a **Semmi** között alapvetően nincs nagy különbség.

A **Haladó** panelen a HTML-horgony, a további CSS-osztályok, a további CSS és a stílusok állíthatók.

### Stílusok fül

A **Stílusok** fülön a **Méretek** panelen a helykitöltést (belső margó) és a margót (külső távolság) adhatod meg.

## Hibaelhárítás

Ha olyan fájltípust próbálsz feltölteni, amelyet a WordPress nem támogat, a szerkesztő hibaüzenetet ír, hogy ez a fájltípus itt nem támogatott. Ilyenkor válassz másik, támogatott formátumú hangfájlt (például MP3 vagy WAV).
