HTML Video and Audio
Treehouse
Course Summary
Text and images have always been the foundation of web content, but more than ever, video and audio are also a part of that content mix. Fortunately, we can now create standards-based video and audio players that don't require the use of plugins. Adding video and audio to a webpage is almost as easy as adding an image or formatting some text.
-
+
Course Description
About this Course Text and images have always been the foundation of web content, but more than ever, video and audio are also a part of that content mix. Fortunately, we can now create standards-based video and audio players that don't require the use of plugins. Adding video and audio to a webpage is almost as easy as adding an image or formatting some text. What you'll learn
- Video element
- Audio element
- Custom media players
About the Teacher
Nick is a teacher at Treehouse and an independent game developer. His Twitter handle is @nickrp.
-
+
Course Syllabus
Media Basics
In this course, we're going to spend most of our time focusing on the video and audio elements. We'll learn about a few others, but those two allow us to embed video and sound content into webpages. 9 steps- Overview of Web Media 1:34
- Web Media Review 3 questions
- The Video Element 6:16
- The Source Element 3:08
- The Video and Source Elements 5 objectives
- The Audio Element 4:24
- The Audio Element 4 objectives
- Creating Media 4:53
- Creating Media Review 3 questions
- Extra Credit Try going back to the beginning and follow the instructions for working with video on a local computer.
Captioning Video
If you've ever watched a foreign film in a language you don't speak, you've probably seen text down at the bottom of the screen. That text is called captions, or subtitles. It's always a good idea to caption videos, whether it's for people with hearing impairments, people that are in a public space and don't have headphones with them, or for people that just can't quite understand what you're saying. Even if there's no spoken text in a video, it's still nice to point out sound effects and music, or even highlight the absence of sound. 4 steps
