Lo standard HTML5 supporta due diversi meccanismi per la presentazione dei file audio. Collega un MP3, rendendolo disponibile per il download o incorporalo in modo che le persone possano godersi la musica da un lettore audio sulla pagina.
Disponibilità audio
Il file MP3 deve essere accessibile su Internet prima che un collegamento o un oggetto incorporato abbia esito positivo. Se l'MP3 è già online, copia l'URL diretto nel file. Questo URL deve essere per la risorsa multimediale; non può essere alla pagina a cui è associata la risorsa.
Con i tuoi MP3, devi utilizzare uno strumento per caricare il file dal tuo computer a un file server Internet. La maggior parte delle persone utilizza FTP, SFTP o SSH per caricare l'MP3 sul proprio sito Web, sebbene se il tuo sito utilizza un sistema di gestione dei contenuti come WordPress, il CMS supporta un'utilità di caricamento point-and-click.
Aggiungere l'MP3 alla tua pagina web
Con un URL in mano, sei pronto per aggiungere l'MP3 al tuo sito. Se il tuo strumento per la creazione di pagine supporta un'interfaccia point-and-click, usa quella, perché ognuno è diverso, consulta la documentazione del tuo CMS per procedure specifiche.
Indipendentemente dalla tua GUI, le modifiche manuali all'HTML funzionano sempre, in modo coerente.
Creazione di un collegamento
Un collegamento che apre il file multimediale in una nuova scheda o lo scarica sul computer di un visitatore si basa su uno standard ancora etichetta. L'elemento HTML è quindi costituito dai tag anchor, dall'URL dell'MP3, dal testo che attiva il collegamento ipertestuale e dai parametri opzionali. Ad esempio, per scaricare podcast.mp3 tramite un link intitolato Scarica lo spettacolo!, utilizza il seguente elemento HTML:
Scarica lo spettacolo!
Questo elemento forza il download dell'MP3. Per consentire l'apertura dell'MP3, rimuovere il Scarica attributo alla fine dell'URL MP3.
Incorporamento del file audio
Per utilizzare HTML5 per incorporare un piccolo lettore audio, usa il use Audio elemento. Poiché alcuni browser non lo supportano, qualsiasi testo incluso nell'elemento viene visualizzato se il browser non è in grado di visualizzare un lettore audio.
Il tuo browser non supporta il tag audio.
Il Audio l'elemento include diversi attributi standard:
- Riproduzione automatica: se specificato nel tag, l'audio viene riprodotto non appena caricato e pronto, indipendentemente dall'interazione del visitatore con il lettore audio incorporato.
- Controlli: Visualizza i controlli di base, inclusi un pulsante di riproduzione/pausa e un collegamento per il download.
- Ciclo continuo: Quando specificato, ciclo continuo riproduce continuamente l'audio.
- Disattivato: Disattiva l'uscita audio.