Gestione dei file multimediali in HTML
- Multimedia in HTML
- Formati multimediali supportati da HTML
- Come aggiungere immagini in HTML
- Come riprodurre audio su un sito web
- Come riprodurre video su un sito web
- Come riprodurre un video di YouTube usando HTML
Esploriamo ciascuno dei concetti sopra menzionati uno per uno:
Multimedia in HTML
Multimedia è un modo per trasferire informazioni da una fonte all'altra. Può essere qualcosa come audio, video, ecc. Attraverso la potenza di HTML, possiamo aggiungere audio, video o qualsiasi altro tipo di file multimediale ai nostri siti Web.
Formati multimediali supportati da HTML
Ogni file ha un formato di file e un'estensione del file e queste estensioni ci fanno conoscere i formati di file. Esistono numerosi formati di file ma nello sviluppo web, la cosa che conta di più è se il formato di file è supportato dagli standard HTML o no?
Ecco un elenco di formati di file supportati da HTML per diversi tipi multimediali:
Audio: MP3, OGG e WAV hanno il supporto di tutti i browser significativi.
Video: MP4, OGG e WebM sono supportati da HTML e da tutti i principali browser come Google, Chrome, Microsoft Edge, ecc.
Immagine: JPG/JPEG, PNG e GIF sono supportati da HTML per le immagini.
Come aggiungere immagini in HTML
HTML fornisce un tag per aggiungere un'immagine a un sito Web; ci vogliono due attributi primari i.e. SRC per specificare il percorso dell'immagine e ALT per visualizzare un testo alternato se un'immagine non è in grado di caricare.
Esempio
Il seguente pezzo di codice integrerà un'immagine in un sito Web:
Il seguente sarà l'output per la riga di codice sopra:
Come aggiungere audio in HTML
In html Il tag viene utilizzato per aggiungere un file audio a qualsiasi pagina Web. Più attributi possono essere utilizzati all'interno del tag audio per specificare il funzionamento del etichetta.
Esempio
Supponiamo un esempio per capire come funziona Tag:
file mp3 non supportato!
Il seguente sarà l'output per lo snippet sopra:
L'output verifica che il file mp3 funzioni perfettamente.
Come aggiungere video in HTML
In html a Il tag viene utilizzato per aggiungere un video a qualsiasi sito Web. L'HTML Il tag può avere più attributi come controlli, autoplay, poster, ecc. Questi attributi esplorano il funzionamento del tag.
Esempio
Consideriamo lo snippet di seguito per la profonda comprensione di HTML etichetta
non supportato!!
Dentro tag Specifichiamo gli attributi per controllare il comportamento del video:
- IL controlli L'attributo visualizzerà le opzioni video come Play, Pause, Mute, ecc.
- IL riproduzione automatica L'attributo riavvierà il video una volta completato.
- IL tenuto L'attributo abiliterà l'opzione muta.
Successivamente, utilizziamo il tag di origine per inserire l'indirizzo del video. Specifichiamo due formati video in modo che se il primo video non è in grado di funzionare, il browser riprodurrà il secondo. E se per qualche motivo il browser non è in grado di riprodurre entrambi i video, allora il testo "non supportato! "Apparirà sullo schermo. L'output sarà qualcosa di simile:
Come incorporare un video di YouTube in una pagina Web utilizzando HTML
IL
Salva il codice HTML e ora puoi riprodurre il video di YouTube sul tuo sito Web:
Il video di YouTube è incorporato sul tuo sito correttamente.
Conclusione
HTML fornisce vari tag per gestire i file multimediali per incorporare un audio, un video e un'immagine su un sito Web utilizzando rispettivamente i tag. Per incorporare qualsiasi altro documento nel tuo sito Web