English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 1h 16m | 267 MB
Need to share video or audio on your sites, but dropping it on YouTube or a podcasting engine isn’t an option? Native web technologies—HTML, CSS, and JavaScript—provide direct support for audio and video, letting you incorporate media and fully customize the playback experience. This introductory course with instructor Joseph Labrecque helps you build interactive audio and video into your websites and applications. First review the basics of HTML5 media elements and their attributes. Then discover how to embed media, support fallbacks, and adjust size, volume, and other important settings. Next, learn how to customize interfaces to standardize the look and functionality of your player across different browsers. Plus, find out how to make the user experience fully interactive with the HTML5 Media API.
Topics include:
- Linking to media
- Embedding media
- Modifying your document for audio and video
- Specifying audio sources
- Specifying video height and width
- Ensuring accessibility
- Creating playback controls
- Styling playback controls
- Working with the HTML5 Media API
Table of Contents
Introduction
1 Build interactive audio and video into your websites and applications
2 What you should know
3 Use the exercise files
Get Started with Web-Based Media
4 Set up your environment
5 Create a new document
6 Link to media content
7 Use embedded media
Work with Audio Elements
8 Modify your document for audio
9 Specify an audio source
10 Specify multiple audio sources
11 Include fallback content
12 Additional audio attributes
Work with Video Elements
13 Modify your document for video
14 Specify height and width
15 Use a poster image
16 Media accessibility
Create Media Playback Controls
17 Disable default media controls
18 Add playback buttons
19 Include text elements
20 Create a progress bar
Style Media Playback Controls
21 Define CSS styles in a document
22 Design your buttons
23 Style your text
24 Design your progress bar
Work with the Media API
25 Overview of media API
26 Listen for Media events
27 Program button controls
28 Dynamic time display
29 Wire up the progress bar
Conclusion
30 Further information
Resolve the captcha to access the links!