HTML Multimedia

Webmultimedia verwijst naar geluidseffecten, muziek, video en animaties.

Moderne webbrowsers ondersteunen nu veel multimediaformaten.

Wat is multimedia?

Multimedia komt in verschillende formaten. Het kan alles zijn wat je hoort of ziet, zoals tekst, afbeeldingen, muziek, geluidseffecten, opnames, films, animaties, enz.

Op het internet kom je vaak multimedia-elementen tegen die zijn ingesloten in webpagina's, en moderne browsers ondersteunen nu meerdere multimediaformaten.

In deze tutorial zal je leren over verschillende multimediaformaten en hoe je ze kunt gebruiken op je webpagina's.

Browserondersteuning

De eerste internetbrowser ondersteunde alleen tekst, en zelfs de ondersteuning voor tekst was beperkt tot een enkele lettertype en kleur. Vervolgens verschenen browsers die ondersteuning boden voor kleuren, lettertypen en tekststijlen, en ook de ondersteuning voor afbeeldingen werd toegevoegd.

Verschillende browsers behandelen de ondersteuning voor geluidseffecten, animaties en video op verschillende manieren. Sommige elementen kunnen inline worden behandeld, terwijl anderen extra plug-ins vereisen.

Je zult in de volgende hoofdstukken meer leren over plug-ins.

Multimedia-formaat

Multimedia-elementen (zoals video en audio) worden opgeslagen in mediabestanden.

De meest gebruikte methode om het mediatype te bepalen, is het controleren van de bestandsextensie. Wanneer de browser de bestandsextensie .htm of .html ontvangt, gaat hij ervan uit dat het bestand een HTML-pagina is. De extensie .xml geeft een XML-bestand aan, terwijl de extensie .css een stylesheet aangeeft. Afbeeldingsformaten worden herkend via .gif of .jpg.

Multimedia-elementen hebben ook bestandformaten met verschillende extensies, zoals .swf, .wmv, .mp3 en .mp4.

Videoformaat

Het MP4-formaat is een nieuw opkomend internetvideoformaat dat snel wordt geaccepteerd. HTML5, Flash spelers en websites zoals Youku ondersteunen het.

formaat bestand beschrijving
AVI .avi Het AVI (Audio Video Interleave)-formaat is ontwikkeld door Microsoft. Alle computers die Windows draaien, ondersteunen het AVI-formaat. Het is een zeer gebruikelijk formaat op het internet, maar niet-Windows computers kunnen het niet altijd afspelen.
WMV .wmv Het Windows Media-formaat is ontwikkeld door Microsoft. Windows Media is op het internet zeer gebruikelijk, maar zonder de installatie van extra (gratis) componenten kan Windows Media-films niet worden afgespeeld. Sommige latere Windows Media-films kunnen op alle niet-Windows computers niet worden afgespeeld, omdat er geen geschikte spelers zijn.
MPEG
  • .mpg
  • .mpeg
 MPEG (Moving Pictures Expert Group) is het meest populaire formaat op het internet. Het is cross-platform en wordt ondersteund door alle meest populaire browsers.
QuickTime .mov QuickTime is een formaat ontwikkeld door Apple. QuickTime is een常见 format op het internet, maar QuickTime-films kunnen niet worden afgespeeld op Windowscomputers zonder extra (gratis) componenten te installeren.
RealVideo
  • .rm
  • .ram
 RealVideo is een formaat ontwikkeld door Real Media voor het internet. Dit formaat staat een video-streaming toe onder lagere bandbreedtevoorwaarden (online video, internettelevisie). Omdat de voorkeur gaat uit naar lagere bandbreedte, kan de kwaliteit vaak worden verlaagd.
Flash
  • .swf
  • .flv
 Flash (Shockwave) is een formaat ontwikkeld door Macromedia. Shockwave-formaat vereist extra componenten voor afspelen. Deze componenten zijn echter al vooraf geïnstalleerd in browsers zoals Firefox of IE.
Mpeg-4 .mp4 Mpeg-4 (met H.264 videocompressie) is een nieuw formaat voor het internet. In feite raadt YouTube MP4 aan. YouTube ontvangt meerdere formaten en converteert ze allemaal naar .flv of .mp4 voor distributie. evermeer video-uitgevers overstappen op MP4, omdat dit het internetgedeeldeformaat voor Flash-afspeelers en HTML5 is.

geluidsformaat

formaat bestand beschrijving
MIDI
  • .mid
  • .midi

MIDI (Musical Instrument Digital Interface) is een formaat gericht op elektronische muziekinstrumenten (zoals synthesizers en声卡). MIDI-bestanden bevatten geen geluid, maar bevatten digitale muziekinstructies die door elektronische apparaten (zoals声卡) kunnen worden afgespeeld.

Klik hier om The Beatles af te spelen

Omdat het MIDI-formaat alleen instructies bevat, zijn MIDI-bestanden buitengewoon klein. Het voorbeeld hierboven heeft een grootte van slechts 23k, maar kan bijna 5 minuten lang worden afgespeeld. MIDI wordt ondersteund door een groot aantal softwareprogramma's op een breed scala aan platforms. De meeste populaire webbrowsers ondersteunen MIDI.
RealAudio
  • .rm
  • .ram
 RealAudio-formaat is ontwikkeld door Real Media voor het internet. Dit formaat ondersteunt ook video. Het formaat staat audio streams toe onder lage bandbreedtecondities (online muziek, netwerk muziek). Vanwege de voorkeur voor lage bandbreedte, wordt de kwaliteit vaak verlaagd.
Wave .wav Wave (waveform) formaat is ontwikkeld door IBM en Microsoft. Alle computers die Windows draaien en alle netwerk browsers (behalve Google Chrome) ondersteunen het.
WMA .wma WMA-formaat (Windows Media Audio), van betere kwaliteit dan MP3, compatibel met de meeste spelers, behalve iPod. WMA-bestanden kunnen als een continue datastroom worden overgedragen, wat het zeer nuttig maakt voor netwerkradiostations of online muziek.
MP3
  • .mp3
  • .mpga
 MP3-bestanden zijn in feite het geluidsdelen van MPEG-bestanden. De MPEG-formaat is oorspronkelijk ontwikkeld door de Moving Picture Experts Group. MP3 is het meest populaire geluidsformaat voor muziek. Het wordt verwacht dat toekomstige softwaressystemen het zullen ondersteunen.

Welk formaat gebruiken?

WAVE is het meest populaire op het internetGeen compressiegeluidsformaat, ondersteund door alle populaire browsers. Als u ongecomprimeerde geluiden (muziek of toespraak) nodig heeft, dan moet u het WAVE-formaat gebruiken.

MP3 is de nieuwsteCompressieOpname muziekformaten. MP3 is een term die wordt gebruikt als synoniem voor digitale muziek. Als uw website zich richt op opname muziek, dan is MP3 een optie.