Standardul HTML5 acceptă două mecanisme diferite pentru prezentarea fișierelor audio. Fie conectați un MP3, făcându-l disponibil pentru descărcare, fie încorporați-l astfel încât oamenii să se bucure de muzica de pe un player audio de pe pagină.
Disponibilitatea audio
Fișierul MP3 trebuie să fie accesibil pe internet înainte ca un link sau un obiect încorporat să aibă succes. Dacă MP3-ul este deja online, copiați adresa URL directă în fișier. Această adresă URL trebuie să aparțină materialului media; nu poate fi la pagina cu care este asociat materialul.
Cu propriile MP3-uri, trebuie să utilizați un instrument pentru a încărca fișierul de pe computer pe un server de fișiere pe internet. Majoritatea oamenilor folosesc FTP, SFTP sau SSH pentru a încărca MP3 pe site-ul lor web, deși dacă site-ul dvs. folosește un sistem de gestionare a conținutului precum WordPress, CMS acceptă un utilitar de încărcare point-and-click.
Adăugarea MP3-ului la pagina dvs. web
Cu o adresă URL în mână, sunteți gata să adăugați MP3 pe site-ul dvs. Dacă instrumentul dvs. de creare a paginii acceptă o interfață point-and-click, utilizați-o - deoarece fiecare este diferită, consultați documentația CMS pentru proceduri specifice.
Indiferent de GUI, modificările manuale la HTML funcționează întotdeauna în mod constant.
Crearea unui link
Un link care deschide fișierul media într-o filă nouă sau îl descarcă pe computerul vizitatorului se bazează pe un standard ancoră etichetă. Prin urmare, elementul HTML constă din etichetele de ancorare, URL-ul MP3-ului, textul care activează hyperlinkul și parametrii opționali. De exemplu, pentru a descărca podcast.mp3 printr-un link intitulat Descarcă spectacolul!, utilizați următorul element HTML:
Descarcă spectacolul!
Acest element forțează o descărcare a MP3-ului. Pentru a permite deschiderea MP3-ului, scoateți fișierul Descarca atribut la sfârșitul adresei URL MP3.
Încorporarea fișierului audio
Pentru a utiliza HTML5 pentru a încorpora un mic player audio, utilizați audio element. Deoarece unele browsere nu îl acceptă, orice text inclus în element se afișează dacă browserul nu poate afișa un player audio.
Browserul dvs. nu acceptă eticheta audio.
audio elementul include mai multe atribute standard:
- Redare automata: Dacă este specificat în etichetă, sunetul se redă imediat ce este încărcat și gata, indiferent de interacțiunea vizitatorului cu playerul audio încorporat.
- Controale: Afișează controalele de bază, inclusiv un buton de redare / pauză și un link de descărcare.
- Buclă: Când este specificat, buclă redă continuu sunetul.
- Dezactivat: Dezactivează ieșirea audio.