­
3 jednoduché spôsoby ako na web vložiť online MP3 prehrávač | William Promotions

V návode „Ako na web vo Webnode pridať playlist/album zo Spotify? sme si ukázali pekný mp3 prehrávač.

Poďme sa teraz spoločne pozrieť na Vaše ďalšie možnosti.

Hľadáte jednoduchý spôsob ako na webové stránky vo Webnode vložíte MP3 prehrávač? 


V tomto návode si ukážeme 3 jednoduché spôsoby (zdarma).

1. Prvým spôsobom je použitie funkcie priamo vo Webnode editore. Kliknite na „+“ a „Soubor„.

  • Mp3 sa spustí v samostatnom okne.
  • Mp3 môžete vkladať zdarma do limitu pre priestor na servery. Vo verzii Zdarma vo Webnode je to 100 MB.

 

2. Druhým spôsobom je použitie externej služby (HTML kódu). Použijeme službu Powr.io, kde si môžete zdarma vygenerovať MP3 music player pre 3 pesničky. Pridanie ďalších mp3 je už potom spoplatnené zakúpením Prémium účtu.

1. Kliknete na „Try It now FREE„.

2. Zaregistrujte sa

3. Kliknite na tento odkaz, ktorý Vás presmeruje na vytvorenie mp3 prehrávača.

4. Kliknite na „Create your own„.

5. Môžete odstrániť demá a tlačítkom Upload Mp3 si nahrať vlastné pesničky. Limit pre súbor vo free verzii je 5 MB.


TIP: V kolonke „Design“ môžete zmeniť farby a celkový vzhľad prehrávaču.

6. Ak ste s vytvoreným prehrávačom spokojný, kliknite v hornej časti obrazovky na „Add to site„.

7. Zvolíte „FREE“ verziu pre 3 pesničky kliknutím na „Select plan„.

8. Skopírujte si HTML kód mp3 prehrávaču a ten vložte na web vo Webnode pomocou + a HTML kódu.

Ukážka mp3 prehrávaču (obsahuje aj reklamu 🙁

3. Tretia možnosť je použiť skvelú službu Sound Cloud.

Návod na vloženie prehrávaču od SoundCloud na Webnode

1. Zaregistrujte sa na stránkach https://soundcloud.com/

2. V hornej lište kliknite na „Upload“ a vložte Vaše pesničky.

3. Po nahratí pesničiek kliknete v hornej lište na „Stream“ a následne pri Vašom playliste dáte „Share„.

4. kliknete na „Embed„, upravte si farbu prehrávaču a skopírujete si kód.

5. Kód prehrávaču od SoundCloud vložíte na web u Webnode pomocou tlačítka „+“ a „HTML„.

6. Publikujte zmeny. Prehrávač od SoundCloud uvidíte v publikovanej verzii Vášho webu.

Ukážka prehrávaču SoundCloud:

Ďalšie skvelé návody

Ako vytvoriť webové stránky pre prenájom karavanu?

Ako vytvoriť webové stránky pre prenájom karavanu?

Tvorba webových stránok pre prenájom karavanu Čo patrí na web pre prenájom karavanu / obytnej dodávky? Koľko stoja webové stránky pre prenájom karavanu? Webnode šablóny pre prenájom karavanu Ako vytvoriť webové stránky pre prenájom karavanu zdarma v 6-tich krokoch?...

Ako vytvoriť interaktívnu Google mapu s vlastnými špendlíkmi?

Ako vytvoriť interaktívnu Google mapu s vlastnými špendlíkmi?

Mapa s vlastnými špendlíkmi Interaktívna mapa "Google Maps Widget" - zdarma VS premium Interaktívna mapa s vlastnými špendlíkmi - šablóny NÁVOD: Ako vytvoriť interaktívnu Google mapu s vlastnými špendlíkmi? Pár slov na záver Google mapa s vlastnými špendlíkmi - Časté...

Ako vytvoriť Google Maps API kľúč?

Ako vytvoriť Google Maps API kľúč?

V článku Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)? sme si ukázali, ako vytvoriť mapu cez Google My Maps a pridať na ňu vlastné body/špendlíky. Mapa vytvorená pomocou Google My Maps funguje samostatne a nevyžaduje Google Maps API kľúč. Ak chcete...

Ako si založiť Webnode e-shop v roku 2025?

Ako si založiť Webnode e-shop v roku 2025?

Internetový predaj Čo všetko sa dá predávať cez e-shop? Webnode e-shop - výhody a nevýhody Webnode e-shop - šablóny Webnode e-shop - cenník Webnode e-shop - skúsenosti NÁVOD: Ako si založiť vlastný Webnode e-shop? Pár slov na záver Webnode e-shop - Časté otázky...

Webnode Recenzia

Webnode Recenzia

Vitajte. Naša Webnode recenzia Vám ponúkne ucelený pohľad na editor, tzv. program na vytváranie webových stránok, od spoločnosti Webnode. Tvorba webu zdarma vs. prémiové služby. Výhody a nevýhody tohto online nástroja. Skúsenosti s Webnode. To všetko a ešte oveľa...

Ako pridať koleso šťastia na webové stránky?

Ako pridať koleso šťastia na webové stránky?

Koleso šťastia / Spinning Wheel Koleso šťastia - zdarma VS premium Koleso šťastia - šablóny NÁVOD: Ako pridať koleso šťastia na webové stránky vo Webnode? Pár slov na záver Koleso šťastia - Časté otázky (FAQ)Koleso šťastia / Spinning WheelV predchádzajúcich článkoch...

Ako pridať kalendár akcií/eventov na webové stránky?

Ako pridať kalendár akcií/eventov na webové stránky?

Kalendár akcií/eventov Event Calendar widget - zdarma VS premium Kalendár akcií šablóny - kalendár pre každý event NÁVOD: Ako pridať kalendár akcií/eventov na webové stránky vo Webnode? Kalendár akcií - ukážka Pár slov na záver Kalendár akcií - Časté otázky...

Ako vytvoriť webové stránky zdarma v 6-tich krokoch?

Ako vytvoriť webové stránky zdarma v 6-tich krokoch?

Webové stránky zdarma Webové stránky zdarma – šablóny Pre koho sú webové stránky zdarma určené? Webové stránky zdarma s vlastnou doménou Webové stránky zdarma - 5 overených tipov ako začať NÁVOD: Ako vytvoriť webové stránky v 6-tich krokoch? Pár slov na záver Webové...

Ako pridať počítadlo čísel na webové stránky?

Ako pridať počítadlo čísel na webové stránky?

Animované počítadlo čísel Počítadlo čísel - zdarma VS premium Počítadlo čísel - vyberte si ten správny typ NÁVOD: Ako pridať počítadlo čísel na webové stránky vo Webnode? Počítadlo čísel - ukážka Pár slov na záver Počítadlo čísel - Časté otázky (FAQ)Animované...

Pomohol ti tento návod? Pošli ho priateľom 🙂

Viliam
Follow me