
- HTML
- Beginner
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
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-
Create a Caption File
7:57
-
Caption Files Review
3 questions
-
The Track Element
3:51
-
The Track Element
5 objectives
-
Extra Credit
Create your own video file and try adding captions.
Teacher
-
Nick Pettit
Nick is a teacher and an independent game developer.