Interactive HTML5 Video and Audio

Go beyond just static HTML5 media. In this course, you will learn how to trigger video and audio events, methods, and even build custom video and audio players to engage users more and allow them to interact with your media.
Course info
Level
Beginner
Updated
Jan 14, 2019
Duration
5h 29m
Table of contents
Course Overview
Getting Started
Triggering Basic HTML5 Video Events
Accessing & Using HTML Video Media Properties
Customizing the Video Player with VideoJS
Triggering Basic HTML5 Audio Events
Accessing & Using HTML5 Audio Media Properties
Customizing Audio Events with HowlerJS
Conclusion
Description
Course info
Level
Beginner
Updated
Jan 14, 2019
Duration
5h 29m
Description

Displaying audio and video on the web is only scratching the surface with what you can do using HTML5 media. Using simple media events and methods, you can trigger user interaction at different points in your media file. In this course, Interactive HTML5 Video and Audio you will gain the ability to work with HTML5 video and audio events, methods, and custom players. First, you will learn how to trigger and listen for specific video events to prompt the user to interact with your content. Next, you will discover how you can access video properties and even adjust some of those properties using methods to manipulate and adjust your media. Then, you will see how to build a custom video player to get a specific video player style. Finally, you will explore how to build your own custom MP3 player. When you're finished with this course, you will have the skills and knowledge you need to go beyond just showing video and audio on a web page and have your web page respond and adapt with your video or audio files.

About the author
About the author

Jeff has 10+ years experience in the digital learning and media industry. Currently he is Founder and Head Trainer/Sensei at Learning Dojo, a company dedicated to training you to become a software ninja in a variety of eLearning, web, and mobile related software applications.

More from the author
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hey everyone. My name is Jeff Batt, and welcome to my Pluralsight course, Interactive HTML5 Video and Audio. I am the founder and trainer at Learning Dojo, and oftentimes when working with media, such as video and audio, we stick with the basics and just display the media itself, but there is so much more you can do with video and audio that goes well beyond just displaying the media. In this course, we're going to show you how to create interactive and engaging HTML5 video and audio. Some of the major topic that we'll cover include triggering HTML5 video events, including showing modals and additional content when the video is paused or ended, using video properties and methods to change a video source, trigger inner activity when the video reaches a certain point of time, and even create video hotspots. We'll also cover how to create a custom video player with Video.js, and triggering HTML5 audio events when building our custom MP3 player to control audio, using audio properties and methods to create our own audio playbar, and animate additional HTML5 content along with the audio file. We'll also cover how to get started with howler.js and how to chain files together and add audio effects, and then how we can apply this knowledge to other streaming APIs. By the end of this course, you'll learn how to go beyond static HTML5 media and learn how to create your own interactive HTML5 video and even a custom MP3 player. I hope you'll join me on this journey to learn to go beyond just showing HTML5 video and learn to make your media engaging with this Interactive HTML5 Video and Audio course, at Pluralsight.