Jak vložit MP3 soubory do HTML stránky

Digitální hudební soubory jsou oblíbeným doplňkem webových stránek, zejména sociálních sítí. Než je lze streamovat, je nutné je převést do formátu podporovaného prohlížeči. MP3 je nejrozšířenější díky malé velikosti a široké kompatibilitě. Na internetu najdete zdarma různé převodníky MP3 nebo programy pro ripování CD. Po úspěšném převodu lze MP3 soubory vložit do HTML dokumentu nebo použít webový přehrávač.

Krok 1

Převěďte hudební soubory do formátu MP3. Ostatní přípony jako WMA nebo CDA se na webu spolehlivě nenačtou.

Krok 2

Na server nahrajte MP3 soubory z lokálního počítače pomocí svého hostingu. Soubor musí být nejprve nahrán, aby jej bylo možné vložit do HTML kódu.

Krok 3

Po nahrání souboru zkopírujte jeho URL adresu. To lze provést dvěma způsoby: otevřete soubor v novém okně prohlížeče a zkopírujte adresu z adresního řádku, nebo pravým tlačítkem klikněte na soubor a zvolte „Kopírovat odkaz“. Adresa bude vypadat například takto: https://webhost.com/beatit.mp3

Krok 4

Otevřete textový editor (např. Poznámkový blok) a vytvořte nový HTML dokument. Vložte do něj následující kód jako šablonu.

Krok 5

Přidejte odkaz na MP3, aby si jej uživatelé mohli stáhnout. Například:

<a href="https://webhost.com/beatit.mp3">Stáhnout tuto skladbu</a>

Krok 6

Uložte soubor jako HTML (např. test.html) a otevřete jej v prohlížeči. Kliknutím na odkaz by se měl zobrazit dialog pro stažení a soubor by se měl spustit v přehrávači – tím je kód v pořádku.

Tip

• Použijte webový přehrávač, který hudbu na stránce prezentuje atraktivně. Většina bezplatných přehrávačů vyžaduje základní znalost HTML nebo XML pro správné vložení. Google i Yahoo nabízejí zdarma Flash MP3 přehrávače, které lze přizpůsobit úpravou embed kódu.

Varování

• Podle Stevena Pembertona z W3C jsou současné standardy HTML přísnější. Nesprávný HTML nebo XML kód se již v moderních prohlížečích nemusí zobrazit správně.

Co budete potřebovat

• MP3 soubory
• Hostingový účet
• Textový editor (např. Poznámkový blok)