Web Foundations/Multimedia



This lesson introduces multimedia (images, audio, and video).

Objectives and Skills
Objectives and skills for this lesson include:
 * Add images and graphical formatting to HTML files, and create and edit images and audio.
 * Consider copyright and ethical issues when creating Web pages.

Readings

 * 1)  HTML element
 * 2)  HTML5 Audio
 * 3)  HTML5 video
 * 4)  HyperText Markup Language/Images

Multimedia

 * 1) YouTube: HTML5 Tutorial for Beginners
 * 2) YouTube: HTML5 Tutorial

Image Map
A list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations.

Audio
Incorporates audio input, playback, and synthesis, as well as speech to text, in the browser.

Video
Intended by its creators to become the new standard way to show video on the web.

Autoplay
Instructs the User-Agent to automatically begin playback of the audio stream as soon as it can do so without stopping.

Loop
Instructs the User-Agent to seek back to the start of the audio stream upon reaching the end.

Poster
Specifies an image to show in the video's place before playback is started.

Activities

 * 1) Complete the tutorial TutorialsPoint: HTML Images
 * 2) Complete the tutorial TutorialsPoint: HTML Embed Multimedia

Key Terms

 * GIF
 * image map
 * inline images
 * interlacing
 * JPEG
 * PNG
 * podcast
 * raster graphics
 * transparency
 * vector graphics