Štandard HTML5 podporuje dva rôzne mechanizmy na prezentáciu zvukových súborov. Buď prepojte MP3, sprístupnite ho na stiahnutie alebo vložte do súboru tak, aby si ľudia mohli vychutnať hudbu zo zvukového prehrávača na stránke.
Dostupnosť zvuku
Súbor MP3 musí byť prístupný na internete skôr, ako sa podarí prepojenie alebo vložený objekt. Ak je MP3 už online, skopírujte priamu adresu URL do súboru. Táto adresa URL musí byť pre mediálne dielo; nemôže to byť na stránke, s ktorou je dielo spojené.
Pri vlastných MP3 musíte použiť nástroj na nahranie súboru z počítača na internetový súborový server. Väčšina ľudí používa na nahrávanie súborov MP3 na svoje webové stránky FTP, SFTP alebo SSH, hoci ak váš web používa systém na správu obsahu, ako je WordPress, CMS podporuje nástroj na nahrávanie point-and-click.
Pridanie MP3 na vašu webovú stránku
Vďaka URL v ruke ste pripravení pridať MP3 na svoje stránky. Ak váš nástroj na vytváranie stránok podporuje rozhranie typu point-and-click, použite ho - pretože každé z nich je odlišné, ďalšie postupy nájdete v dokumentácii k systému CMS.
Bez ohľadu na vaše grafické používateľské rozhranie, ručné úpravy kódu HTML vždy fungujú konzistentne.
Vytvorenie odkazu
Odkaz, ktorý otvorí mediálny súbor na novej karte alebo ho stiahne do počítača návštevníka, sa spolieha na štandard Kotva značka. Prvok HTML preto pozostáva z kotviacich značiek, adresy URL MP3, textu, ktorý aktivuje hypertextový odkaz, a voliteľných parametrov. Napríklad na stiahnutie podcast.mp3 prostredníctvom odkazu s názvom Stiahnite si šou!, použite nasledujúci prvok HTML:
Stiahnite si šou!
Tento prvok vynúti stiahnutie MP3. Ak chcete umožniť otvorenie MP3, vyberte Stiahnuť ▼ atribút na konci adresy URL MP3.
Vkladanie zvukového súboru
Ak chcete na vloženie malého zvukového prehrávača použiť HTML5, použite audio element. Pretože niektoré prehľadávače to nepodporujú, akýkoľvek text zahrnutý v prvku sa zobrazí, ak prehliadač nedokáže zobraziť zvukový prehrávač.
Prehliadač nepodporuje zvukovú značku.
The audio prvok obsahuje niekoľko štandardných atribútov:
- Automatické prehrávanie: Ak je to uvedené v značke, zvuk sa prehrá hneď, ako bude načítaný a pripravený, bez ohľadu na interakciu návštevníkov s vloženým zvukovým prehrávačom.
- Ovládacie prvky: Zobrazuje základné ovládacie prvky vrátane tlačidla prehrávania / pozastavenia a odkazu na stiahnutie.
- Slučka: Ak je uvedené, slučka nepretržite prehráva zvuk.
- Stlmený: Stlmí zvukový výstup.