CEN3913 - Design 1 - Lecture 05 Addendum

5.1: Integrating Audio with Webpages

Adding audio clips can be a successful way to enhance webpage content. For example, if you are preparing a tutorial website, audio clips of the instructor's comments may be useful. HTML5 provides a convenient way of integrating audio with HTML-specified web content, as described in the following tutorial link:

w3schools.com tutorial on < audio > tag.

Note that this tool supports a variety of formats, including MP3.

5.2: Integrating Video with Webpages

Adding video clips can further enhance webpage content. For example, a tutorial website on red-black trees could be enhanced by video animation clips available on YouTube. HTML5 provides a convenient way of integrating video with HTML-specified web content, as described in the following tutorial link:

w3schools.com tutorial on < video > tag.

If you thought you knew everything about how to embed video, here's a website with ten ways to embed video content:

OXP Tutorial on video embedding.

Reading Assignment

Please read the following online articles:

and a brief historical video on the history of HTML:

These webpages and publications will give you an idea of the basics of embedding video and audio in websites. We will discuss this further in subsequent lectures.