Come incorporare file multimediali in una pagina web

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.

istruzione

Audio

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>

Video

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".

Consigli e avvertenze

  • Utilizzare i tag "sorgente" per indirizzare piattaforme specifiche si prevede che gli utenti a visitare il tuo sito web da. Per esempio, la famiglia iPod di dispositivi mobili sono più compatibile con i video MP4.
  • Qualsiasi cosa messa tra il "audio" o tag "video" (oltre tag "source") apparirà invece se qualcuno visita il tuo sito web utilizzando un browser obsoleto che non supporta HTML5. Un modo per sostenere questi browser è quello di inserire il codice embed pre-HTML5 (ad esempio un tag "oggetto" per incorporare un Flash player) tra i tag, in modo che i browser più vecchi useranno quel codice, invece.

Articoli Correlati