Mp3 Přehrávač HTML Šablony

Připravené HTML šablony MP3 přehrávače pro vložené audio

HTML šablony MP3 přehrávače nabízejí kompletní rozvržení s prostorem pro funkční audio přehrávač. Zvukovou stopou může být písnička, celá epizoda podcastu nebo hlasová nahrávka. Vzhled je připraven k úpravám v Nicepage. Zadáte podrobnosti o skladbě, propojíte přehrávač s MP3 souborem a vyexportujete stránku jako HTML pro vlastní hosting.

Co obsahuje hotová audio sekce

Představte si studiovou kytaristku, která chce na svou stránku s portfoliem umístit jednu MP3 nahrávku. Potřebuje zřetelné místo pro přehrávač, kde jsou název skladby i její jméno zobrazeny jako skutečný text. Slova začleněná do obrázku obalu zmizí, kdykoli se obrázek nepodaří načíst. Šablony se liší v tom, jak přistupují k několika detailům:

• Textová oblast vedle přehrávače, díky níž lze nahrávku identifikovat i bez obrázku obalu.
• Jedno vyhrazené místo pro tlačítko přehrávání, v jehož těsné blízkosti je ukazatel průběhu a časový údaj.
• Volitelné pole pro obal, protože řada hlasových ukázek a epizod žádnou grafiku nemá.
• Prostor kolem přehrávače pro text písně, poznámky k pořadu nebo odkaz na rezervaci.

Prvek Audio Element v Nicepage následně toto místo zaplní fungujícím přehrávačem, který zobrazuje název skladby a interpreta. Vhodné rozvržení zapadne do stránky portfolia, aniž by narušilo její zbytek.

Zveřejnění nahrávky na webu

Šablona poskytuje pouze grafickou strukturu. Samotnou nahrávku, její název a zdroj nastavujete v přehrávači samostatně. Ukázka s tlačítkem přehrávání nakresleným na statickém obrázku nikdy zvuk nevydá. V prvku Audio Element nahrajete soubor MP3 nebo vložíte jeho URL adresu. Prvek omezuje nahrávání souborů na 10 MB, takže delší epizoda se obvykle vkládá přes URL. Rychlý náhled a náhled v prohlížeči v desktopové aplikaci zvuk nepřehrávají, takže ticho v těchto režimech neznamená chybu v souboru. Online Builder zvuk přehrává a podporuje také export HTML pro umístění na jiném serveru. Na publikované stránce spusťte přehrávání ještě jednou, protože soubor, který se nedostal na váš server, hrát nebude.

Testování se skutečnými názvy na malých obrazovkách

Na telefonu se sekce obvykle přeskládá z vodorovného řádku do svislého sloupce. Pořadí v rozvržení pak určuje, zda se název objeví nad přehrávačem, nebo bude odsunut pod vysoký obrázek obalu. Krátké zástupné názvy dělají každou ukázku úhlednou. Dlouhý název skladby, reálný MP3 soubor a nečtvercový obal však rychle odhalí slabá místa. Každý Audio Element zpracovává pouze jeden soubor, takže více nahrávek na jedné stránce vyžaduje samostatný nadpis i přehrávač pro každou z nich. Pro jeden funkční MP3 blok na existující stránce vám HTML šablona ušetří nutnost navrhovat celý web pouze kvůli audiu.