Fun with Multimedia!

Sight, Sound, & Motion in Action

SIGHT

This section demonstrates how to link to two different web pages that contain images and text. Students often struggle with resizing images. Instead of enlarging everything to match the largest image, resize all images to match the smallest one.

Use your favorite image editing program to resize images properly. There is a 1MB file limit for photos residing on the web server.

1. Web pages

   • The Detroit Tigers
   • The Detroit Lions

SOUND

This section demonstrates the implementation of sound into a web page. The HTML5 audio tag will be explored. Please visit the Can I use website for information regarding HTML5 and browser support. There is a 1MB file size limit for audio files residing on the web server.

2. Audio files

   • wav (HTML5 audio tag)
   • ogg (HTML5 audio tag)
   • mp3 (HTML5 audio tag)

MOTION

This section demonstrates the use of commonly supported video formats within a web page. We will use the HTML5 video tag and the iframe tag that YouTube uses to embed videos. Please visit the Can I use website for information regarding HTML5 and browser support.

3. Video files

   • Video (HTML5 video tag)
   • Video (YouTube iframe tag)

HTML5 Validation | Course Homepage