Tento návod vám ukáže, ako na Webnode vložiť zvukové súbory. Na úvod však musím povedať niekoľko vecí: 

⚠️ pokiaľ to nie je vyslovene nutné, zvukové súbory na Webnode nenáhravajte z dôvodu možného vyčerpania priestoru na serveri či zvýšenému prenosu dát. Súbory môžete nahrať na Google Drive, Dropbox, Soundcloud a ďalšie cloudové úložiská. 

⚠️ Taktiež je potrebné postrážiť si autorské práva. Nesmiete zdieľať nič, na čo nemáte licenciu, alebo sa sa súbor nenachádza v Creative Commons.

Ako na Webnode nahrať zvukovú stopu?

1. Ak ste tak ešte neurobili, vytvorte si skrytú stránku s názvom napr. Súbory podľa tohto návodu, ktorá bude skrytá z navigácie a bude mať zakázané indexovanie.

Na túto stránku vložte mp3 audio súbor cez čierne plus - súbor.

2. V novom okne prehliadača si otvorte pracovnú verziu stránky, kde chcete zobrazovať prehrávač, podobným spôsobom pridajte obsahový prvok HTML.

3. Do neho vložte tento kód:

<audio controls>
<source src="XXXXX" type="audio/mpeg">
Váš prehliadač nepodporuje prehrávanie zvukových súborov.
</audio>

4. Vráťte sa na stránku s nahraným súborom, kliknite pravým tlačidlom a skopírujte jeho URL adresu. 

Túto adresu vložte namiesto XXXXXX v HTML kóde a zmeny uložte.

5. Projekt môžete publikovať. 

Hotovo 💅

Ako na Webnode vložiť playlist?

Návod pre vloženie Spotify playlistu na web nájdete tu. Podobne môžete vložiť takmer čokoľvek: napr. Soundcloud, Youtube apod.Vždy je potrebné vyhľadať embed kód, ktorý sa často skrýva pod ponukou Zdieľať / Share, alebo je označený zobáčikmi < >.

1. Napr. ak chcete na webe podporiť svojho kamoša, rozkliknite jeho nahrávku na Soundcloud a potom nájdite možnosť pre zdieľanie - Share.

2. Po otvorené okna zvoľta EMBED. Prehrávač Soundcloud môžete prispôsobiť svojmu webu vďaka možnosti nastaviť veľkosť a farby.

3. Skopírujte kód a vložte do prvku HTML.

Výsledok:

Ako zdieľať audio súbor z cloudu?

Dropbox

1. Audio súbor nahrajte na svoj Dropbox.

2. Po nahraní prejdite kurzorom nad súbor kliknite na LINK / ODKAZ / 🔗.

3. Skopírovaný odkaz vložte do HTML kódu namiesto XXXX.

<audio controls>
<source src="XXXXX" type="audio/mpeg">
Váš prehliadač nepodporuje prehrávanie zvukových súborov.
</audio>

4. Kód vložte na web pomocou obsahového prvku HTML.

5. Publikujte zmeny.

Výsledok:

Google Drive

1. Audio súbor nahrajte na svoj Google Drive.

2. Po nahraní kliknite na súbor pravým tlačidlom a vyberte možnosť ZDIEĽAŤ a potom ODKAZ.

3. Spravujte nastavenia zdieľania tak, aby mal k súboru prístup ktokoľvek s odkazom.

4. Skopírovaný odkaz vložte do vyššie uvedeného HTML kódu.

<audio controls>
<source src="XXXXX" type="audio/mpeg">
Váš prehliadač nepodporuje prehrávanie zvukových súborov.
</audio>

4. Kód vložte na web pomocou obsahového prvku HTML.

5. Publikujte zmeny.

Hotovo.