Interactive HTML5 Video and Audio from Pluralsight

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.

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.

What's inside

Syllabus

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

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Teaches the basics of HTML5 video and audio events, methods, and custom players

Builds a strong foundation for beginners in HTML5 media

Helps learners develop skills and knowledge that are highly relevant to industry

Covers the essential aspects of displaying audio and video on the web

May be helpful for learners who want to build interactive media experiences

Requires learners to have some prior knowledge of HTML5 and JavaScript

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Interactive HTML5 Video and Audio with these activities:

Read 'HTML5 Video and Audio' by Ian Devlin

Show steps

Gain a comprehensive understanding of HTML5 media by reading this informative book.

View The 2020 Web Almanac on Amazon

Show steps

Purchase or borrow the book.
Read the book thoroughly, taking notes and highlighting important concepts.
Apply the knowledge gained from the book to your own projects.

Build a Custom Video Player with VideoJS

Show steps

Enhance your web page by creating a custom video player using VideoJS, allowing for a personalized user experience.

Show steps

Install and configure VideoJS on your web page.
Customize the player's appearance, controls, and functionality.
Integrate the player with your HTML5 video element.
Test and refine your custom video player for optimal performance.

Design Your Own HTML5 Audio Player

Show steps

Showcase your skills by creating a fully functional HTML5 audio player from scratch, tailored to your unique design aesthetic.

Show steps

Plan the layout and functionality of your audio player.
Implement the player's interface using HTML, CSS, and JavaScript.
Integrate the player with your HTML5 audio element.
Test and debug your player to ensure seamless playback.

One other activity

Expand to see all activities and additional details

Show all four activities

Become a Mentor for Beginner Web Developers

Show steps

Share your knowledge and support others by mentoring beginner web developers.

Show steps

Find a platform or organization that connects mentors with mentees.
Create a profile and express your interest in mentoring.
Match with a mentee and provide guidance on HTML5 media and other web development topics.
Share resources, answer questions, and offer encouragement to support your mentee's growth.

Career center

Learners who complete Interactive HTML5 Video and Audio will develop knowledge and skills that may be useful to these careers:

UI Developer

User Interface (UI) Developers are responsible for designing, developing, and testing the user interface of websites and applications. Interactive HTML5 Video and Audio teaches techniques for engaging users by triggering video and audio events and methods. By taking this course, you will gain the tools and knowledge to design interfaces that allow users to interact with the media on a web page.

See salaries and explore the career path for UI Developer

Web Designer

Web Designers are responsible for the visual appeal and layout of websites. Interactive HTML5 Video and Audio teaches techniques for customizing video players with VideoJS and HowlerJS. By taking this course, you will gain the tools and knowledge to create visually appealing and engaging web pages that incorporate video and audio content.

See salaries and explore the career path for Web Designer

Interactive Media Developer

Interactive Media Developers create and develop interactive media content, such as games, simulations, and virtual reality experiences. Interactive HTML5 Video and Audio teaches techniques for building custom video and audio players. By taking this course, you will gain the tools and knowledge to create interactive media content that is engaging and immersive for users.

See salaries and explore the career path for Interactive Media Developer

Front-End Developer

Front-End Developers design and develop the visual side of websites, ensuring a smooth and engaging user interface. Interactive HTML5 Video and Audio teaches techniques for triggering video and audio events, methods, and even building custom video and audio players to engage users more and allow them to interact with your media. These tools will help you move into or advance a career as a Front-End Developer.

See salaries and explore the career path for Front-End Developer

Multimedia Artist

Multimedia Artists create and produce content that combines different media formats, such as video, audio, and graphics. Interactive HTML5 Video and Audio teaches techniques for building custom video and audio players. By taking this course, you will gain the tools and knowledge to create multimedia content that is interactive and engaging for viewers.

See salaries and explore the career path for Multimedia Artist

E-Learning Developer

E-Learning Developers create and develop educational content for online learning platforms. Interactive HTML5 Video and Audio teaches techniques for triggering video and audio events and methods. By taking this course, you will gain the tools and knowledge to create e-learning content that is interactive and engaging for learners.

See salaries and explore the career path for E-Learning Developer

UX Designer

User Experience (UX) Designers focus on the user's journey and experience when interacting with a website or application. Interactive HTML5 Video and Audio teaches techniques for building custom video and audio players. By taking this course, you will learn how to build user interfaces that allow for personalized and engaging experiences.

See salaries and explore the career path for UX Designer

Social Media Manager

Social Media Managers create and manage content for social media platforms. Interactive HTML5 Video and Audio teaches techniques for triggering video and audio events and methods. By taking this course, you will gain the tools and knowledge to create social media content that is interactive and engaging for followers.

See salaries and explore the career path for Social Media Manager

Audio Engineer

Audio Engineers are responsible for recording, mixing, and mastering audio content. Interactive HTML5 Video and Audio teaches techniques for triggering and listening for specific audio events. By taking this course, you will gain the tools and knowledge to create audio content that is interactive and engaging for listeners.

See salaries and explore the career path for Audio Engineer

Video Editor

Video Editors are responsible for editing video footage into a cohesive and engaging story. Interactive HTML5 Video and Audio teaches techniques for triggering and listening for specific video events. By taking this course, you will gain the tools and knowledge to create videos that are interactive and engaging for viewers.

See salaries and explore the career path for Video Editor

Web Developer

Web Developers work on both the front-end and back-end of a website, while also focusing on areas like design, coding, and security. Interactive HTML5 Video and Audio teaches the skills needed to personalize and customize video and audio content for websites. These skills will equip you with the knowledge to increase interactivity on web pages and provide viewers with an engaging experience.

See salaries and explore the career path for Web Developer

Content Creator

Content Creators create and produce content for various platforms, such as websites, social media, and video channels. Interactive HTML5 Video and Audio teaches techniques for triggering video and audio events and methods. By taking this course, you will gain the tools and knowledge to create content that is interactive and engaging for viewers.

See salaries and explore the career path for Content Creator

Communications Specialist

Communications Specialists develop and execute communications strategies for various organizations. Interactive HTML5 Video and Audio teaches techniques for triggering video and audio events and methods. By taking this course, you will gain the tools and knowledge to create communications content that is interactive and engaging for audiences.

See salaries and explore the career path for Communications Specialist

Marketing Specialist

Marketing Specialists develop and execute marketing campaigns for various products or services. Interactive HTML5 Video and Audio teaches techniques for triggering video and audio events and methods. By taking this course, you will gain the tools and knowledge to create marketing content that is interactive and engaging for audiences.

See salaries and explore the career path for Marketing Specialist

Sales Representative

Sales Representatives sell products or services to customers. Interactive HTML5 Video and Audio teaches techniques for triggering video and audio events and methods. By taking this course, you will gain the tools and knowledge to create sales presentations that are interactive and engaging for customers.

See salaries and explore the career path for Sales Representative