Manipulate HTML5 Video and Audio Effects

4.4 Average Customer Rating

HTML5 video + Javascript = Fun

  • 14 Videos
  • 1 hours 18 minutes
  • 2612 Happy Students

About the course

HTML5’s canvas and video tags, along with Javascript, are the front-end dev’s ticket to creative interactivity. And Patrick Catanzariti can show you how to make the most of them.

In less time than it takes to watch a feature-length movie, you’ll be using HTML5 video and Javascript to import and manipulate images and video. Along the way, Patrick points out the possibilities, from simple stuff like changing colours, to inputting video data into Three.js.

Oh, and you’ll enjoy it. Elio Qoshi, who reviewed this course, assures us it’s a whole lot of fun.

  • 14 Videos
  • 1 hours 18 minutes
  • 2612 Happy Students

Courses Outline

Lesson 1: Course introduction
Free
Introduction
1:42
The canvas element
9:42
The video element
2:56
Lesson 2: Reading in images using JavaScript
Understanding the image data object
2:12
Reading image data with canvas and JavaScript
13:14
Manipulating image data with canvas and JavaScript
13:12
Lesson 3: Reading in video using JavaScript
Reading video data with canvas and JavaScript
3:26
Manipulating video data with canvas and JavaScript
8:39
Lesson 4: JavaScript's power brings potential
Moving into 3D
9:04
Reading in webcam data
4:04
Controlling effects via Leap Motion
6:06
Lesson 5: Where to from here?
Fun demos out in the wilderness
3:51
Quiz
Lesson 6: Course conclusion
Conclusion
0:40
  • 14 Videos
  • 1 hours 18 minutes
  • 2612 Happy Students