Multimedia HTML
- Pagina precedente Canvas HTML vs SVG
- Pagina successiva Oggetti HTML
Il multimediale sul web si riferisce a effetti sonori, musica, video e animazioni.
I browser web moderni supportano molti formati multimediali.
Cos'è il multimediale?
Il multimediale proviene da molti formati diversi. Può essere qualsiasi contenuto che senti o vedi, testi, immagini, musica, effetti sonori, registrazioni, film, animazioni e così via.
Su Internet, troverai spesso elementi multimediali integrati nei siti web, e i browser moderni supportano molti formati multimediali.
In questo tutorial, imparerai diversi formati multimediali e come utilizzarli nei tuoi siti web.
Supporto del browser
Il primo browser Internet supportava solo il testo, e anche il supporto per il testo era limitato a un singolo tipo di carattere e un singolo colore. Successivamente, sono nati i browser che supportavano colori, tipi di carattere e stili di testo, e sono stati aggiunti anche i supporti per le immagini.
I browser gestiscono in modi diversi il supporto per l'audio, l'animazione e i video. Alcuni elementi possono essere gestiti in modo inline, mentre altri richiedono estensioni aggiuntive.
Nei capitoli seguenti imparerai di più sulle estensioni.
Formato multimediale
Gli elementi multimediali (come video e audio) sono memorizzati nei file multimediali.
Il metodo più comune per determinare il tipo di media è controllare l'estensione del file. Quando il browser riceve l'estensione .htm o .html, assume che il file sia una pagina HTML. L'estensione .xml indica un file XML, mentre .css indica una tabella di stili. I formati delle immagini sono identificati da .gif o .jpg.
Gli elementi multimediali (come video e audio) dispongono di file formati con estensioni diverse, come .swf, .wmv, .mp3 e .mp4.
Formato video
Il formato MP4 è un nuovo formato di video per Internet che sta diventando popolare. HTML5, i riproduttori Flash e siti di video come Youku lo supportano.
Formato | File | Descrizione |
---|---|---|
AVI | .avi | Il formato AVI (Audio Video Interleave) è stato sviluppato da Microsoft. Tutti i computer che eseguono Windows supportano il formato AVI. È un formato comune su Internet, ma i computer non Windows non sempre possono riprodurlo. |
WMV | .wmv | Il formato Windows Media è stato sviluppato da Microsoft. Windows Media è molto comune su Internet, ma senza l'installazione di componenti aggiuntivi (gratuiti), non è possibile riprodurre film Windows Media. Alcuni film Windows Media più recenti non possono essere riprodotti su tutti i computer non Windows, poiché non ci sono lettori appropriati. |
MPEG |
|
Il formato MPEG (Moving Pictures Expert Group) è il formato più popolare su Internet. È multipiattaforma e supportato da tutti i browser più popolari. |
QuickTime | .mov | Il formato QuickTime è stato sviluppato da Apple. QuickTime è un formato comune su Internet, ma i film QuickTime non possono essere riprodotti sui computer Windows senza avere installato componenti aggiuntivi (gratuiti). |
RealVideo |
|
Il formato RealVideo è stato sviluppato da Real Media per Internet. Questo formato consente lo streaming di video in condizioni di bassa larghezza di banda (video online, televisione via internet). Poiché è prioritario per la larghezza di banda bassa, la qualità spesso diminuisce. |
Flash |
|
Il formato Flash (Shockwave) è stato sviluppato da Macromedia. Il formato Shockwave richiede componenti aggiuntivi per la riproduzione. Tuttavia, questi componenti sono preinstallati nei browser come Firefox o IE. |
Mpeg-4 | .mp4 | Mpeg-4 (con compressione video H.264) è un nuovo formato per Internet. In effetti, YouTube consiglia l'uso di MP4. YouTube accetta molti formati, poi li converte in .flv o .mp4 per la distribuzione. Un numero crescente di creatori di video si sta spostando su MP4, utilizzandolo come formato di condivisione su Internet per i riproduttori Flash e HTML5. |
Formato audio
Formato | File | Descrizione |
---|---|---|
MIDI |
|
MIDI (Musical Instrument Digital Interface) è un formato progettato per dispositivi musicali elettronici (ad esempio sintetizzatori e schede audio). I file MIDI non contengono suono, ma contengono istruzioni musicali digitali che possono essere riprodotte da dispositivi elettronici (ad esempio schede audio). Clicca qui per riprodurre The Beatles Poiché il formato MIDI contiene solo istruzioni, i file MIDI sono estremamente piccoli. L'esempio sopra ha una dimensione di soli 23k, ma può riprodurre quasi 5 minuti. MIDI è supportato da una vasta gamma di software su molte piattaforme. La maggior parte dei browser web popolari supporta MIDI. |
RealAudio |
|
Il formato RealAudio è stato sviluppato da Real Media per Internet. Questo formato supporta anche i video. Questo formato consente lo streaming audio in condizioni di banda larga (musica online, musica di rete). Poiché è prioritario per le band larghe, la qualità spesso diminuisce. |
Wave | .wav | Il formato Wave (waveform) è stato sviluppato da IBM e Microsoft. Tutti i computer che eseguono Windows e tutti i browser web (tranne Google Chrome) lo supportano. |
WMA | .wma | Formato WMA (Windows Media Audio), di qualità superiore rispetto all'MP3, compatibile con la maggior parte dei riproduttori, eccetto l'iPod. I file WMA possono essere trasmetti come flussi di dati continui, il che lo rende molto utile per le radio web o la musica online. |
MP3 |
|
Il file MP3 è la parte audio del file MPEG. Il formato MPEG è stato sviluppato originariamente dal Group of Experts on Motion Picture Coding. L'MP3 è il formato audio più popolare per la musica. Si aspetta che i futuri sistemi software lo supportino. |
Quale formato utilizzare?
WAVE è il più popolare su InternetSenza compressioneFormato audio, supportato da tutti i browser popolari. Se hai bisogno di un audio non compresso (musica o discorso), dovresti utilizzare il formato WAVE.
MP3 è l'ultima versioneCompressioneFormati di registrazione musicali. Il termine MP3 è diventato sinonimo di musica digitale. Se il tuo sito web si occupa di musica registrata, l'MP3 è un'opzione.
- Pagina precedente Canvas HTML vs SVG
- Pagina successiva Oggetti HTML