Fundamentals of Multimedia

Demo List

Check out the Tools and Software page for any software that you may need to run these demos.

JPEG

JPEG Image Compression Example

This example shows the effects of JPEG compression at various levels of quality.

Interactive JPEG Compression

This program allows users test different JPEG compression methods.

Wavelet Image Compression Sample

This example shows the effects of wavelet compression at various levels of quality and compares the wavelet compression result to the JPEG compression result.

Wavelet Decomposition Demo

Two programs are included here for display of wavelet-based multiresolution applied to images.

The first program, VisualWavelet1D.exe, allows the user to draw a curve, and then progress through the wavelet-based analysis of it. The second program, VisualWavelet2D.exe, allows the user to input a (512 x 512) grayscale Targa image and carry out a 2D analysis. Both programs are based on the Haar wavelet.

Compression

Adaptive Huffman

This program illustrates the process of Adaptive Huffman algorithm.

LZW Coding

This web application allows users to enter input and illustrates LZW coding step-by-step by showing the dictionary and highlighting the pseudo-code.

Animation

HTML5 Canvas Animation

This demo shows how we can draw graphics and render animation on HTML5 canvas.

WebGL Demos

WebGL (Web Graphics Library) is a JavaScript API that allows users to draw 2D or 3D objects.

WebGL contains codes similar to C or C++ that can be executed in GPU, so the rendering speed is fast. One of the benefit of WebGL is that it can run on modern browsers. However, the bootstrap codes for WebGL is long..

Content Based Retrieval

Modern Web Content-Based Image Retrieval

Content-based image retrieval is a system which searches images in database by using the image contents. For example, a user can provide an image to the system as a query, and the CBIR system will analyze the image content and search for similar images.

This technology is widely used on the Internet. For example, the two giant search engines, Google and Bing, also provide users the interface to use CBIR system.

Sound

Demonstrates Temporal and Frequency Sound Masking

This sound masking demo demonstrates temporal and frequency sound masking.

Demonstrates the Basics of Sound in Java

This java applet from Sun Microsystems demonstrates the basics of sound in Java.

Wireless Networks

Dynamic Channel Allocation in Cell Phone

This Java applet simulates the dynamic channel allocation in cell phone. From this demo, we can see the process of allocation.

User Interface Design

Text Color Contrast

The text color contrast program allows users to test the readability for different colors for text and background.

Adobe XD Demo

Adobe XD is a tool that lets users implement their design idea without coding. Designers can use this tool to illustrate their concepts to their clients.