HTML5 MasterClass Using Video & Audio in HTML5

Learn how to take advantage of the new Video and Audio features in HTML5. A HTML5 MasterClass from Infinite Skills
4.5 (4 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
97 students enrolled
$19
$50
62% off
Take This Course
  • Lectures 27
  • Length 2 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 4/2014 English

Course Description

This HTML5 Audio and Video training course from Infinite Skills teaches you the ins and outs of HTML5 video and audio. This course is designed for users that already have a basic understanding of HTML5.


You will start by learning how to embed media into your webpages using the latest HTML5 methods, as well as how to make use of a multitude of fallback formats, ensuring that your audio and video will work in a variety of scenarios and devices. This video tutorial will also teach you additional options for handling your media, including adding subtitles and captions, mobile playback with responsive video, and using video embed builders. Finally, you will learn how to encode your files to ensure reliable playback on a variety of devices.

Once you have completed this computer based training course, you will be fully capable of incorporating media on your website using HTML5. Working files are included, allowing you to follow along with the author throughout the lessons.

What are the requirements?

  • PC or Mac

What am I going to get from this course?

  • Learn how to take advantage of the new video and audio features in HTML5

What is the target audience?

  • Web Designers and Web Developers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Getting Started With Audio And Video
Important - Download These First - Working Files
Article
0101 What You Will Learn
Preview
00:46
0103 Tools We Will Need
Preview
06:11
0104 A Brief History Of How We Got Here
Preview
03:17
0105 Understanding Video Containers And Codecs
04:07
0106 Understanding Audio Containers And Codecs
02:13
0107 Current Browser Support for Audio And Video Formats
06:02
0108 How To Access Your Working Files
02:45
Section 2: Adding Audio And Video To Our Web Projects
0201 The Basics Of Inserting Video With HTML5
06:02
0202 The Basics Of Inserting Audio With HTML5
02:15
0203 Setting Media Playback Dimensions
09:52
0204 Setting Up Fallback Video Formats
09:06
0205 Setting Up Fallback Audio Formats
05:44
0206 Pre-Loading Your Web Videos
07:24
0207 Muting Media
02:30
0208 Using Autoplay With Your Videos
01:45
0209 Looping Media Playback
01:15
0210 Inserting Video Poster Frames
03:34
Section 3: Additional Options For Handling Media
0301 Providing Flash Fallback For Older Browsers
05:35
0302 Fallback With Download Links
04:26
0303 Adding Subtitles And Captions With The Track Element
05:10
0304 Mobile Playback With Responsive Video
08:09
0305 Using Video Embed Builders
05:43
Section 4: Encoding Media For HTML5 Projects
0401 Encoding MP4 Video With Handbrake
03:58
0402 Encoding Ogg And WebM With Firefogg
03:56
0403 Encoding Audio With VLC
05:06
Section 5: Wrapping Up
0501 Where To Go From Here
02:50

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Infinite Skills, High Quality Training

Infinite Skills is a Canadian based company who offer a huge and ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples and comprehensive working files. All courses are created by trained educators and experts in video based education.

The emphasis is on teaching real life skills that are essential for progressing in today's commercial environment.

Ready to start learning?
Take This Course