HTML Video and Audio Course

Go to class
Write Review

Free Online Course: HTML Video and Audio Course provided by Treehouse is a comprehensive online course, which lasts for 1-2 hours worth of material. The course is taught in English and is free of charge.

Overview
  • 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

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.

    Chevron 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.

    Chevron 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.