We may earn an affiliate commission when you visit our partners.
Interactive HTML5 Video and Audio
Jeff Batt
Jeff Batt
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.
Read more
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.
Read more
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.
Register for this course and see more details by visiting:
OpenCourser.com/course/0ejc9v/interactive
What's inside
Syllabus
Course Overview
Getting Started
Triggering Basic HTML5 Video Events
Accessing & Using HTML Video Media Properties
Read more
Syllabus
Course Overview
Getting Started
Triggering Basic HTML5 Video Events
Accessing & Using HTML Video Media Properties
Read more
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
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
Save this course
Save Interactive HTML5 Video and Audio to your list so you can find it easily later:
Save
Save
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.
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
Show steps
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
Show steps
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
Show steps
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
Show steps
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
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.
Web Designer
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.
Interactive Media Developer
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.
Front-End 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.
Multimedia Artist
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.
E-Learning Developer
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.
UX Designer
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.
Social Media Manager
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.
Audio Engineer
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.
Video Editor
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.
Web Developer
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.
Content Creator
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.
Communications Specialist
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.
Marketing 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.
Sales Representative
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.
For more career information including salaries, visit:
OpenCourser.com/course/0ejc9v/interactive
Reading list
We've selected eight books
that we think will supplement your
learning. Use these to
develop background knowledge, enrich your coursework, and gain a
deeper understanding of the topics covered in
Interactive HTML5 Video and Audio.
Save
Provides a comprehensive overview of HTML5 video and audio, covering everything from the basics to advanced topics such as building custom players and streaming media. It valuable resource for anyone who wants to learn more about HTML5 media.
Provides a comprehensive introduction to JavaScript. It great resource for anyone who wants to learn the basics of JavaScript and how to use it to create interactive web pages.
Save
Provides a comprehensive overview of HTML5 Canvas. It great resource for anyone who wants to learn how to use HTML5 Canvas to create interactive graphics and animations.
Save
Provides a comprehensive overview of jQuery. It great resource for anyone who wants to learn how to use jQuery to make their web pages more interactive.
Provides a comprehensive overview of HTML5, CSS3, and JavaScript. It great resource for anyone who wants to learn the basics of web development and how to build modern web applications.
Provides a comprehensive overview of HTML5. It great resource for anyone who wants to learn the basics of HTML5 and how to use it to create modern web pages.
Provides a comprehensive overview of HTML5, CSS3, and JavaScript. It great resource for anyone who wants to learn the basics of web development and how to build modern web applications.
Provides a comprehensive overview of HTML5. It great resource for anyone who wants to learn the basics of HTML5 and how to use it to create modern web pages.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/0ejc9v/interactive
Share
Similar courses
Here are nine courses similar to
Interactive HTML5 Video and Audio.
Android: Working with ExoPlayer 2
OpenCourser.com/course/vlbepa/android
Android: Working with ExoPlayer 2
Most relevant
Working with Audio and Video in Web Pages
OpenCourser.com/course/ahwbcd/working
Working with Audio and Video in Web Pages
Most relevant
Internet of Things: Multimedia Technologies
OpenCourser.com/course/6egz95/internet
Internet of Things: Multimedia Technologies
Most relevant
HTML5 Coding Essentials and Best Practices
OpenCourser.com/course/gtrdp0/html5
HTML5 Coding Essentials and Best Practices
Most relevant
UWP Audio Fundamentals
OpenCourser.com/course/f2g6z9/uwp
UWP Audio Fundamentals
Creating Interactivity with JavaScript Based Bootstrap 4 Components
OpenCourser.com/course/166cah/creating
Creating Interactivity with JavaScript Based Bootstrap 4...
Accessibility: Exploring Images and Media
OpenCourser.com/course/4v1s55/accessibility
Accessibility: Exploring Images and Media
Microsoft Azure Cognitive Services: Video Indexer API
OpenCourser.com/course/anw4xu/microsoft
Microsoft Azure Cognitive Services: Video Indexer API
20 Web Projects With Vanilla JavaScript
OpenCourser.com/course/q4apzg/20
20 Web Projects With Vanilla JavaScript
Time
329 hours
Level
Introductory
Via
Pluralsight
Instructor
Jeff Batt
Language
English
Good to know
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
Our mission
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
Affiliate disclosure
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
© 2016 - 2024 OpenCourser