OpenCourser brand icon
Sign in
We may earn an affiliate commission when you visit our partners.
Pluralsight logo

Working with Audio and Video in Web Pages

Shawn Wildermuth

This course will teach you how to extend your website by using media (audio and video) to further engage your users.

Read more

This course will teach you how to extend your website by using media (audio and video) to further engage your users.

In this course, Working with Audio and Video in Web Pages, you’ll learn to integrate media (audio and video) onto web pages. First, you’ll explore how to use HTML tags to share audio and video with your users. Next, you’ll discover the options for hosting of your media. Finally, you’ll learn how to control media by using JavaScript in the browser. When you’re finished with this course, you’ll have the skills and knowledge of working with audio and video on your websites needed to embed media in your projects

Enroll now

Here's a deal for you

We found an offer that may be relevant to this course.
Save money when you learn. All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.
Valid for a limited time only
Future-proof your career
Access O'Reilly books, live events, courses, and more. Save with an annual subscription.
Take
15%
off

What's inside

Syllabus

Course Overview
Using Audio and Video in HTML
Hosting Media for Web Pages
Using JavaScript to Control Media
Read more

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Teaches standard skills in web development
Takes a standard approach to a standard topic
Builds a foundation in working with media on web pages
Covers integration of media using HTML, hosting options, and JavaScript control
Can be used to embed media in web projects

Save this course

Save Working with Audio and Video in Web Pages to your list so you can find it easily later:
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 Working with Audio and Video in Web Pages with these activities:
Form a Study Group
Collaborate with peers to reinforce your learning, share insights, and motivate each other throughout the course.
Show steps
  • Find classmates with similar interests and schedules
  • Establish regular meeting times and a study plan
  • Discuss course materials, practice exercises, and share resources
  • Provide feedback and support to each other
Review JavaScript Basics
Ensure a solid understanding of JavaScript fundamentals to effectively control media playback on web pages.
Browse courses on JavaScript
Show steps
  • Review variables, data types, and operators
  • Practice writing basic functions and loops
  • Explore event handling and DOM manipulation
Review HTML and CSS Concepts
Solidify your understanding of HTML and CSS to better comprehend how to share media on web pages.
Browse courses on HTML
Show steps
  • Review HTML tags for structuring web pages.
  • Revisit CSS properties to style web pages.
Nine other activities
Expand to see all activities and additional details
Show all 12 activities
Review HTML
Brush up on your HTML skills to lay a solid foundation for working with audio and video on websites.
Browse courses on HTML
Show steps
  • Review basic HTML syntax and structure
  • Practice creating simple HTML documents
  • Experiment with different HTML tags for formatting and layout
Attend Industry Webinars
Stay updated with industry best practices and new technologies by attending webinars focused on web development and media integration.
Browse courses on Web Development
Show steps
  • Research upcoming webinars related to your interests
  • Register for webinars and actively participate
  • Take notes and engage with speakers and attendees
Explore Video Hosting Options
Learn about different video hosting options and best practices to ensure seamless video delivery on your websites.
Show steps
  • Research popular video hosting services
  • Compare features and pricing plans
  • Consider factors like bandwidth, storage capacity, and video optimization
  • Follow tutorials on setting up and using a video hosting platform
Explore Media Hosting Platforms
Gain insights into different media hosting options to make informed decisions for your projects.
Show steps
  • Identify and compare popular media hosting platforms.
  • Analyze pricing, storage capacities, and bandwidth limitations.
  • Research best practices for optimizing media delivery.
Practice Adding Audio and Video to HTML
Gain hands-on experience integrating audio and video into your web pages by completing practical exercises.
Browse courses on HTML
Show steps
  • Use the <audio> and <video> tags to embed media
  • Experiment with different attributes for controlling playback
  • Practice adding captions and subtitles
  • Build a simple web page showcasing audio and video content
Implement Media Control with JavaScript
Enhance your JavaScript skills by practicing media playback control techniques.
Show steps
  • Create a web page with embedded media elements.
  • Write JavaScript functions to pause, play, and seek media.
  • Handle media events such as load, play, and end.
Build a Media-Enriched Website
Apply your knowledge by creating a website that showcases your ability to integrate audio and video media.
Show steps
  • Define the purpose and target audience for your website.
  • Design the website layout and structure.
  • Embed media elements (audio and video) into your web pages.
  • Implement media control functionality using JavaScript.
  • Host your website and evaluate its performance.
Develop a Media-Rich Website
Solidify your understanding by creating a website that effectively utilizes audio and video to engage users.
Browse courses on Web Development
Show steps
  • Plan the structure and content of your website
  • Integrate audio and video content strategically
  • Optimize the website for performance and accessibility
  • Test and refine the website based on user feedback
Contribute to Open Source Video Projects
Apply your skills in a real-world setting by contributing to open source video projects, enhancing your understanding of video technologies.
Browse courses on Open Source
Show steps
  • Identify open source video projects aligned with your interests
  • Review documentation and codebase
  • Make contributions, such as bug fixes or feature enhancements
  • Collaborate with other developers in the community

Career center

Learners who complete Working with Audio and Video in Web Pages will develop knowledge and skills that may be useful to these careers:
Web Developer
Web Developers are responsible for designing and developing websites and web applications. This course can help you develop the skills needed to create websites that engage users with audio and video. You will learn how to use HTML tags to add media to your pages, as well as how to host and control media using JavaScript. These skills are essential for creating dynamic and interactive web experiences.
See salaries and explore the career path for Web Developer
Multimedia Designer
Multimedia Designers create visual and audio content for a variety of media, including websites, videos, and presentations. This course can help you develop the skills needed to create engaging multimedia content for the web. You will learn how to use HTML tags to add media to your pages, as well as how to host and control media using JavaScript. These skills are essential for creating visually appealing and engaging multimedia experiences.
See salaries and explore the career path for Multimedia Designer
Front-End Developer
Front-End Developers are responsible for the design and implementation of the user interface of a website or web application. This course can help you develop the skills needed to create responsive and engaging front-end experiences. You will learn how to use HTML tags to add media to your pages, as well as how to host and control media using JavaScript. These skills are essential for creating user-friendly and visually appealing front-end experiences.
See salaries and explore the career path for Front-End Developer
User Interface Designer
User Interface Designers create the look and feel of a website or web application. This course can help you develop the skills needed to create engaging and user-friendly interfaces. You will learn how to use HTML tags to add media to your pages, as well as how to host and control media using JavaScript. These skills are essential for creating interfaces that are both visually appealing and easy to use.
See salaries and explore the career path for User Interface Designer
Content Creator
Content Creators are responsible for creating and curating content for a variety of media, including websites, blogs, and social media. This course can help you develop the skills needed to create engaging and informative content that includes audio and video. You will learn how to use HTML tags to add media to your pages, as well as how to host and control media using JavaScript. These skills are essential for creating content that is visually appealing, informative, and engaging.
See salaries and explore the career path for Content Creator
Marketing Specialist
Marketing Specialists are responsible for developing and implementing marketing campaigns that reach and engage target audiences. This course can help you develop the skills needed to create marketing campaigns that include audio and video. You will learn how to use HTML tags to add media to your pages, as well as how to host and control media using JavaScript. These skills are essential for creating marketing campaigns that are visually appealing, informative, and engaging.
See salaries and explore the career path for Marketing Specialist
Social Media Manager
Social Media Managers are responsible for creating and managing social media content for businesses and organizations. This course can help you develop the skills needed to create engaging and shareable social media content that includes audio and video. You will learn how to use HTML tags to add media to your pages, as well as how to host and control media using JavaScript. These skills are essential for creating social media content that is visually appealing, informative, and engaging.
See salaries and explore the career path for Social Media Manager
Video Editor
Video Editors are responsible for editing and producing video content for a variety of media, including websites, videos, and presentations. This course can help you develop the skills needed to create engaging and polished video content. You will learn how to use HTML tags to add media to your pages, as well as how to host and control media using JavaScript. These skills are essential for creating video content that is visually appealing, informative, and engaging.
See salaries and explore the career path for Video Editor
Audio Engineer
Audio Engineers are responsible for recording, editing, and mixing audio content for a variety of media, including websites, videos, and presentations. This course can help you develop the skills needed to create engaging and polished audio content. You will learn how to use HTML tags to add media to your pages, as well as how to host and control media using JavaScript. These skills are essential for creating audio content that is clear, concise, and engaging.
See salaries and explore the career path for Audio Engineer
Broadcast Technician
Broadcast Technicians are responsible for operating and maintaining broadcast equipment, including cameras, microphones, and transmitters. This course can help you develop the skills needed to work with audio and video equipment in a broadcast setting. You will learn how to use HTML tags to add media to your pages, as well as how to host and control media using JavaScript. These skills are essential for working with audio and video equipment in a broadcast setting.
See salaries and explore the career path for Broadcast Technician
Interactive Designer
Interactive Designers create interactive experiences for a variety of media, including websites, games, and installations. This course can help you develop the skills needed to create engaging and interactive experiences that include audio and video. You will learn how to use HTML tags to add media to your pages, as well as how to host and control media using JavaScript. These skills are essential for creating interactive experiences that are visually appealing, informative, and engaging.
See salaries and explore the career path for Interactive Designer
Motion Graphics Designer
Motion Graphics Designers create animated graphics for a variety of media, including websites, videos, and presentations. This course can help you develop the skills needed to create engaging and visually appealing motion graphics. You will learn how to use HTML tags to add media to your pages, as well as how to host and control media using JavaScript. These skills are essential for creating motion graphics that are visually appealing, informative, and engaging.
See salaries and explore the career path for Motion Graphics Designer
Technical Writer
Technical Writers create documentation for a variety of products and services. This course can help you develop the skills needed to create clear and concise documentation that includes audio and video. You will learn how to use HTML tags to add media to your pages, as well as how to host and control media using JavaScript. These skills are essential for creating documentation that is easy to understand and visually appealing.
See salaries and explore the career path for Technical Writer
Instructional Designer
Instructional Designers create and develop educational materials for a variety of audiences. This course can help you develop the skills needed to create engaging and effective learning experiences that include audio and video. You will learn how to use HTML tags to add media to your pages, as well as how to host and control media using JavaScript. These skills are essential for creating learning experiences that are engaging, informative, and effective.
See salaries and explore the career path for Instructional Designer
Media Librarian
Media Librarians manage and organize media collections for a variety of institutions, including libraries, museums, and archives. This course can help you develop the skills needed to manage and organize audio and video collections. You will learn how to use HTML tags to add media to your pages, as well as how to host and control media using JavaScript. These skills are essential for managing and organizing media collections in a way that is accessible and efficient.
See salaries and explore the career path for Media Librarian

Reading list

We've selected 11 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 Working with Audio and Video in Web Pages.
Cover image
Using the HTML5 Filesystem API
Save
Provides a comprehensive overview of HTML5 audio and video, including how to use HTML tags to share audio and video with users.
Using the HTML5 Filesystem API (Paperback) - Common
Unknown Binding
$$
Using the HTML5 Filesystem API: A True Filesystem...
Kindle Edition
$$
Cover image
JavaScript A Beginner's Guide Fifth Edition
Save
Provides a comprehensive overview of JavaScript, including how to use JavaScript to control media in the browser.
JavaScript: A Beginner's Guide, Fifth Edition
Kindle Edition
$$
Cover image
Flash Cinematic Techniques
Save
Provides a comprehensive overview of audio and video production for the web, including how to host media for web pages.
Flash Cinematic Techniques
Paperback
Check
Flash Cinematic Techniques
Kindle Edition
Check
Cover image
Nonprofit Management
Save
Provides a comprehensive overview of multimedia programming with JavaScript, including how to use JavaScript to control media in the browser.
Nonprofit Management: Principles and Practice
Paperback
$$$$
Nonprofit Management: Principles and Practice
Paperback
$$$$
Nonprofit Management: Principles and Practice
Paperback
$$$$
Nonprofit Management: Principles and Practice (4th...
Paperback
$$$
Nonprofit Management: Principles and Practice
Paperback
$$$
Nonprofit Management: Principles and Practice
Paperback
$$$
Nonprofit Management Principles and Practice by...
Paperback
$$$$
Nonprofit Management: Principles and Practice by...
Paperback
$$$
Nonprofit Management: Principles and Practice
Kindle Edition
$$$
Cover image
Web Accessibility
Save
Provides a comprehensive overview of audio and video for the web, including how to host media for web pages.
Web Accessibility
Paperback
Check
Web Accessibility
Kindle Edition
Check
Cover image
CSS Animations and Transitions for the Modern Web
Save
Provides a comprehensive overview of web design for developers, including how to use HTML tags to share audio and video with users.
CSS Animations and Transitions for the Modern Web
Kindle Edition
$$
Cover image
A Million And One Random Digits
Save
Provides a comprehensive overview of the good parts of JavaScript, including how to use JavaScript to control media in the browser.
A Million And One Random Digits
Paperback
Check
A Million And One Random Digits
Kindle Edition
Check
Cover image
HTML5
Save
Provides a comprehensive overview of HTML5, including how to use HTML tags to share audio and video with users.
HTML5: Up and Running: Dive into the Future of Web...
Paperback
$$
HTML5: Up and Running 1st (first) edition Text Only
Paperback
$$
HTML5: Up and Running: Dive into the Future of Web...
Kindle Edition
$$
Cover image
JavaScript for Kids
Save
Provides a comprehensive overview of JavaScript for kids, including how to use JavaScript to control media in the browser.
JavaScript for Kids: A Playful Introduction to...
Paperback
$$
(Deutsch) JavaScript kinderleicht!: Einfach programmieren...
Kindle Edition
$$
(中文) 趣学JavaScript——教孩子学编程（异步图书） (Chinese Edition)
Kindle Edition
$
Cover image
Front-End Back-End Development with HTML, CSS,...
Save
Provides a comprehensive overview of web development with HTML5 and CSS3, including how to use HTML tags to share audio and video with users.
Front-End Back-End Development with HTML, CSS,...
Hardcover
$$$
Cover image
Java in a Nutshell
Save
Provides a comprehensive overview of JavaScript, including how to use JavaScript to control media in the browser.
Java in a Nutshell
Kindle Edition
$$

Share

Help others find this course page by sharing it with your friends and followers:
Facebook
LinkedIn
Reddit
X
Link
Email

Similar courses

Here are nine courses similar to Working with Audio and Video in Web Pages.
Microsoft Azure Cognitive Services: Video Indexer API
Most relevant
Interactive HTML5 Video and Audio
Most relevant
Developing Mobile-specific Features with Flutter
Most relevant
Accessibility: Exploring Images and Media
Most relevant
FFmpeg - The Complete Guide
Most relevant
Using Video in Social Media Posts with Canva
Most relevant
Creating Interactive Experiences Using HTML APIs
Android: Working with ExoPlayer 2
Creating Responsive Pages with CSS FlexBox
Course image
Time
62 hours
Level
Intermediate
Via
Pluralsight
Instructor
Shawn Wildermuth
Language
English
Good to know
Teaches standard skills in web development
Takes a standard approach to a standard topic
Builds a foundation in working with media on web pages
Covers integration of media using HTML, hosting options, and JavaScript control
Can be used to embed media in web projects
Share and help others discover this course.
Facebook LinkedIn X Reddit Link Email
Don't miss out
Enroll today to gain access to this course
Enroll in this course
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