Unit 8: Multimedia and the Web

Introduction

Multimedia is the combination of two or more types of media — text, images, audio, video, and animation — into one interactive presentation. The internet has turned almost every device into a multimedia platform.

Examples of everyday multimedia:

• A YouTube video (video + audio + captions).
• An Instagram reel (video + music + filters).
• An online lesson (slides + voice + animation).
• A video game (graphics + sound + interaction).

Elements of a multimedia system

A multimedia system typically uses five basic elements:

• Text — words on the screen (captions, articles, UI labels).
• Graphics — images, illustrations, icons, logos.
• Audio — voice, music, sound effects.
• Video — moving images with or without sound.
• Animation — moving graphics, transitions, motion effects.

Together, these elements engage multiple senses and improve communication.

Graphics

Graphics fall into two main categories:

• Raster (bitmap) graphics — made of pixels (JPEG, PNG, GIF). Lose quality when scaled up.
• Vector graphics — made of mathematical paths (SVG, AI). Scale infinitely without quality loss; great for logos.

Popular tools: Adobe Photoshop, Illustrator, Figma, Canva, GIMP.

Sound

Sound in computing:

• Sampling — converting an analog sound wave into digital samples.
• Bit rate — how much data per second (higher = better quality).
• Common formats: MP3, WAV, AAC, FLAC, Ogg Vorbis, Opus.

Sound tools: Audacity, Adobe Audition, Ableton Live, GarageBand.

Image file formats

Different formats are suited to different uses:

Format	Type	Best for
JPEG	Raster	Photographs, web images (lossy)
PNG	Raster	Web graphics with transparency (lossless)
GIF	Raster	Simple animations, small icons
WebP	Raster	Modern web (smaller than JPEG/PNG)
AVIF	Raster	Latest, highly compressed
SVG	Vector	Logos, icons, scalable graphics
BMP	Raster	Old uncompressed Windows format
TIFF	Raster	High-quality print images
RAW	Raster	Camera originals before processing

Video formats

• MP4 (H.264, H.265) — most common online.
• AVI — older Windows format.
• MOV — Apple’s QuickTime format.
• WebM (VP9, AV1) — open formats for the web.
• MKV — flexible container.

Web-based multimedia

The web has become the dominant delivery channel for multimedia content. Technologies that power it:

• HTML5 <video> and <audio> tags — native multimedia in browsers.
• WebGL — 3D graphics in the browser.
• CSS animations and transitions — motion without plugins.
• JavaScript libraries — Three.js, GSAP for advanced animation.
• Streaming protocols — HLS, MPEG-DASH for adaptive video quality.

Examples of web-based multimedia services:

• YouTube, Netflix, Disney+, Hotstar — streaming video.
• Spotify, SoundCloud, Apple Music — streaming audio.
• Instagram, TikTok, Snapchat — short-form social video.

Future of web-based multimedia

Where multimedia on the web is going:

• AI-generated content — DALL·E, Midjourney, Sora, Suno.
• Virtual Reality (VR) and Augmented Reality (AR) — Apple Vision Pro, Meta Quest.
• Web3 and NFTs — ownership of digital media.
• High-frame-rate, 8K, HDR streaming.
• Real-time interactive video — live games, virtual concerts.
• WebRTC — real-time video and voice directly in the browser.

Multimedia in business

Businesses use multimedia in many ways:

• Marketing and advertising — video ads, social media campaigns.
• Training and education — interactive e-learning, video tutorials.
• Customer support — explainer videos, chatbots with voice.
• Presentations — pitch decks, product demos.
• Product visualisation — 3D models, AR try-ons (IKEA Place, Lenskart).
• Branding — logos, jingles, brand identity videos.

Applications of multimedia in business

Specific real-world applications:

• Netflix — entire business is multimedia streaming and AI-driven recommendations.
• Amazon — product images, videos, AR previews of furniture.
• Coursera, Khan Academy, Udemy — multimedia online courses.
• Apple Keynotes — high-production-value product launches.
• Real estate — virtual tours of properties.
• Healthcare — medical imaging, surgical training simulations.
• Automotive — 3D configurators (Tesla, BMW).
• News — interactive infographics, video reports.
• Gaming — billion-dollar industry powered entirely by multimedia.