Fun with Multimedia!

Sight, Sound, & Motion in Action

SIGHT

This section demonstrates how to link to different web pages that contain images and text. Students often struggle with resizing images-they tend to enlarge all images to match the largest one. Instead, all images should be resized to match the smallest one. Use your favorite editing program to resize the images properly within your web pages. there is a 1MB file size limit for photos residing on the web server.

Web Pages
- The Detroit Tigers
- Paris, France

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.

Audio Files
- wav (HTML5 audio tag)
- ogg (HTML5 audio tag)
- mp3 (HTML5 audio tag)

MOTION This section demonstrated the use of commonly supported video formats available for use within a web page. The HTML5 video and iframe tag that YouTube uses to embed a video within a web page will be used within this section. Please visit the Can I use website for information regarding HTML5 and browser support.

Video Files
- Video (HTML5 video tag)
- Video (YouTube iframe tag)
  - src="https://www.youtube.com/embed/TJohEDj0KPk?si=RqH_lr-VZYOCaTJf" title="YouTube video player" style="border:0;" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>

HTML5 Valadation | Course Homepage