September 19
Molte tecniche per l'integrazione di file audio e video in una pagina web sono sorti fin dai primi giorni di Internet, tra cui lettori di Adobe Flash, che utilizza YouTube, applet Java, e il tag classico "embed" in HTML. Purtroppo, ciascuno di questi metodi è problematico, in pratica, a causa della realizzazione incoerente tra i browser web e / o la necessità di software di terze parti. Lo standard HTML5 mostra la promessa come il più affidabile e compatibile con lo standard Web andando avanti, e specifica il supporto nativo completo per i media embedded.
1 Inserire il seguente codice nel corpo del documento HTML per incorporare un file audio:
<Comandi audio> </ audio>
2 Digitare il percorso e il nome del file audio al posto di "filename.mp3" l'attributo "src".
3 Aggiungere l'attributo "precarico" con il valore "auto" per avviare il caricamento del file al caricamento della pagina, anche se l'utente non ha ancora giocato. Per esempio:
<Precarico audio = "auto" controlla> </ audio>
4 Rimuovere l'attributo "src" dal tag "audio", quindi aggiungere due o più tag "source" tra i tag "audio" per consentire al browser di scegliere tra diversi formati audio disponibili per giocare. Con questo codice, il browser scegliere tra un file audio OGG e un MP3:
<comandi audio>
<Source type = "audio / ogg" />
<Source type = "audio / mpeg" />
</ Audio>
5 Inserire il seguente codice nel corpo del documento HTML per incorporare un file video:
<Controlli video> </ video>
6 Digitare il percorso e il nome del file video al posto di "filename.mp4" l'attributo "src".
7 Specificare la larghezza e l'altezza del video in pixel utilizzando la "larghezza" e "altezza" attributi. Per esempio:
<Video larghezza = "500" height = "300" controlla> </ video>
8 Aggiungere l'attributo "precarico" con il valore "auto" per avviare il caricamento del video quando la pagina viene caricata, anche se l'utente non ha ancora giocato. Per esempio:
<Video precarico = "auto" controlla> </ video>
9 Rimuovere l'attributo "src" dal tag "video", quindi aggiungere due o più tag "source" tra i tag "video" per consentire al browser di scegliere tra diversi formati disponibili video da riprodurre. Con questo codice, il browser scegliere tra un video di OGG e di un video MP4:
<controlli video>
<Source type = "video / ogg" />
<Source type = "video / mp4" />
</ Video>
Se hai specificato una larghezza e un'altezza per il video, lasciare questi attributi nel tag "video".