SitePoint
  • Premium
  • Library
  • Community
  • Jobs
  • Blog
LoginStart Free Trial

The home for developers

Track your course progress, manage projects, and find your dream job - all in one place.

Start Your Free Trial

7 Day Free Trial. Cancel Anytime.

SitePoint Premium

  • Access to 700+ courses
  • Publish articles on SitePoint
  • Daily curated jobs
  • Learning Paths
  • Discounts to dev tools
  • Library/
  • Video courses/
  • Manipulate HTML5 Video and Audio Effects
Manipulate HTML5 Video and Audio Effects

Manipulate HTML5 Video and Audio Effects

HTML5 video + Javascript = Fun


Course details

4.4∙55 Ratings13 reviews

Published
September 2014
Videos
14
Duration
1h 18m
Happy students
2614

Take this course

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.

Course Instructor

Patrick Catanzariti

Patrick Catanzariti

Patrick's latest venture is online at DevDiner.com, a site for developers looking to get involved in emerging tech. He's also a SitePoint contributing editor focused on exploring the possibilities of new tech. Instagram: patrickcatanzariti

Course Outline

Lesson 1: Course introduction
  • Free
    Introduction
    1:42
  • Locked
    The canvas element
    9:42
  • Locked
    The video element
    2:56
Lesson 2: Reading in images using JavaScript
Lesson 3: Reading in video using JavaScript
Lesson 4: JavaScript's power brings potential
Lesson 5: Where to from here?
Lesson 6: Course conclusion

Reviews
4.4

53 total

22
28
3
0
0

Course details

4.4∙55 Ratings13 reviews

Published
September 2014
Videos
14
Duration
1h 18m
Happy students
2614

Take this course
SitePoint

Stuff we do

  • Premium
  • Newsletters
  • Learning paths
  • Library
  • Forums

Contact

  • Contact us
  • FAQ
  • Publish your book
  • Write an article
  • Advertise

About

  • Our Story
  • Corporate Memberships
  • Start free trial
  • Login

Connect

  • RSS
  • Facebook
  • Twitter (X)
  • Instagram

Subscribe to our newsletter

Get the freshest news and resources for developers, designers and digital creators in your inbox each week

© 2000 – 2025 SitePoint Pty. Ltd.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Terms of usePrivacy policy