HTML multimedia
- Föregående sida HTML5 Canvas vs SVG
- Nästa sida HTML-objekt
Multimedia på webben innebär ljud, musik, video och animation.
Moderna webbläsare stöder många multimediaformat.
Vad är multimedia?
Multimedia kommer från flera olika format. Det kan vara allt du hör eller ser, text, bilder, musik, ljud, inspelningar, filmer, animationer och så vidare.
På Internet hittar du ofta multimediaelement inbäddade i webbsidor, och moderna webbläsare stöder flera multimediaformat.
I denna tutorial kommer du att lära dig om olika multimediaformat och hur du använder dem på din webbsida.
Webbläsarstöd
Det första Internet-webbläsaren stödde bara text, och även textstödet var begränsat till en enda typsnitt och en enda färg. Senare dök webbläsare upp som stödde färg, typsnitt och textstil, och bildstöd lades till.
Olika webbläsare behandlar stöd för ljud, animationer och video på olika sätt. Vissa element kan hanteras inline, medan andra kräver extra plugins.
Du kommer att lära dig mer om plugins i de följande kapitlen.
Multimediaformat
Multimediaelement (t.ex. video och ljud) lagras i mediafiler.
Det vanligaste sättet att fastställa medietyp är att titta på filens förlängning. När webbläsaren får filen .htm eller .html antar den att filen är en HTML-sida. Förlängningen .xml indikerar ett XML-fil, medan .css-förlängningen indikerar en stilark. Bildformat identifieras genom .gif eller .jpg.
Multimediaelement har också filformat med olika förlängningar, till exempel .swf, .wmv, .mp3 och .mp4.
Videoformat
MP4-format är ett nytt och snabbt spridande Internet-videformat. HTML5, Flash-spelare och video sajter som Youku stöder det.
Format | Fil | Beskrivning |
---|---|---|
AVI | .avi | AVI (Audio Video Interleave) format är utvecklat av Microsoft. Alla datorer som kör Windows stöder AVI-format. Det är ett mycket vanligt format på Internet, men det är inte alltid möjligt att spela upp det på datorer som inte kör Windows. |
WMV | .wmv | Windows Media format är utvecklad av Microsoft. Windows Media är mycket vanligt på Internet, men utan att installera extra (gratis) komponenter kan Windows Media-filmer inte spelas upp. Vissa senare Windows Media-filmer kan inte spelas upp på alla datorer som inte kör Windows, eftersom det inte finns några lämpliga spelare. |
MPEG |
|
MPEG (Moving Pictures Expert Group)-formatet är det mest populära formatet på Internet. Det är plattformsoberoende och stöds av alla populära webbläsare. |
QuickTime | .mov | QuickTime-formatet utvecklades av Apple. QuickTime är ett vanligt format på Internet, men QuickTime-filmer kan inte spelas upp på Windows-datorer utan att extra (gratis) komponenter är installerade. |
RealVideo |
|
RealVideo-formatet utvecklades av Real Media för Internet. Detta format tillåter videoströmmar under låg bandbredd (onlinevideo, nätverkstv). Eftersom det prioriterar låg bandbredd, kan kvaliteten ofta minska. |
Flash |
|
Flash (Shockwave)-formatet utvecklades av Macromedia. Shockwave-formatet kräver extra komponenter för att spelas upp. Men denna komponent är förinstallerad i webbläsare som Firefox eller IE. |
Mpeg-4 | .mp4 | Mpeg-4 (med H.264-videokomprimering) är ett nytt format för Internet. Faktiskt rekommenderar YouTube att använda MP4. YouTube tar emot flera format och konverterar alla till .flv eller .mp4 för distribution. Mer och mer videopublicerare byter till MP4 som delningsformat för Flash-spelare och HTML5 på Internet. |
Ljudformat
Format | Fil | Beskrivning |
---|---|---|
MIDI |
|
MIDI (Musical Instrument Digital Interface) är ett format för elektroniska musikinstrument (t.ex. syntar och ljudkort). MIDI-filer innehåller ingen ljud, men de innehåller digitala musikinstruktioner som kan spelas upp av elektroniska enheter (t.ex. ljudkort). Klicka här för att spela upp The Beatles. Eftersom MIDI-formatet endast innehåller instruktioner, är MIDI-filer mycket små. Exemplet ovan är endast 23k stor, men kan spela upp nästan 5 minuter. MIDI har fått omfattande stöd från en mängd programvara på olika plattformar. De flesta populära webbläsare stöder MIDI. |
RealAudio |
|
RealAudio-formatet utvecklades av Real Media för Internet. Formatet stöder också video. Formatet tillåter ljudströmmar under låg bandbredd (online-musik, nätverksmusik). Eftersom det prioriterar låg bandbredd kommer kvaliteten ofta att minska. |
Wave | .wav | Wave (waveform) formatet utvecklades av IBM och Microsoft. Alla datorer som kör Windows och alla webbläsare (utom Google Chrome) stöder det. |
WMA | .wma | WMA-format (Windows Media Audio), med bättre kvalitet än MP3, är kompatibelt med de flesta spelare, utom iPod. WMA-filer kan överföras som en kontinuerlig dataström, vilket gör det praktiskt för nätverkssändningar eller online-musik. |
MP3 |
|
MP3-filer är faktiskt ljuddelen av MPEG-filer. MPEG-formatet utvecklades ursprungligen av Moving Picture Experts Group. MP3 är det mest populära ljudformatet för musik. Förvänta dig att framtida programsystem kommer att stödja det. |
Vilket format ska användas?
WAVE är det mest populära på InternetUtan komprimeringljudformat, som alla populära webbläsare stöder. Om du behöver okomprimerat ljud (musik eller föreläsning) bör du använda WAVE-format.
MP3 är den senasteKomprimeringLjudinspelningsformat. MP3 har blivit en synonym för digital musik. Om din webbplats ägnar sig åt inspelad musik är MP3 ett alternativ.
- Föregående sida HTML5 Canvas vs SVG
- Nästa sida HTML-objekt