From the course: Learning Web Audio and Video
Unlock the full course today
Join today to access over 24,700 courses taught by industry experts.
Modify your document for audio
From the course: Learning Web Audio and Video
Modify your document for audio
- [Instructor] We'll now clear out our HTML document, removing all linked content and embeds, and prepare it for working with audio elements and attributes exclusively. So, what we'll do, I'll go ahead and just collapse our style. Inside of Visual Studio Code, you're able to go ahead and use these little widgets here to expand and collapse different elements and the nested elements within them. So to make things a little bit easier to see, I'm going to collapse the entire head tag. Here we have our different links and iframe embeds for the body, and removing them is just as easy as selecting them and hitting delete or Backspace. With that done, we can now insert our basic audio tag. So I'll start out an HTML tag with that character there, and as you can see, Visual Studio Code is going to suggest a number of different elements to us, and here is audio right here, we can either select that or type it out. I'm going to select it by arrowing down in the list and then hitting Return or…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
(Locked)
Modify your document for audio3m 9s
-
(Locked)
Specify an audio source1m 30s
-
(Locked)
Specify multiple audio sources3m 7s
-
(Locked)
Include fallback content1m 21s
-
(Locked)
Additional audio attributes3m 36s
-
(Locked)
Challenge: Increase audio accessibility with tags23s
-
(Locked)
Solution: Increase audio accessibility with tags1m 5s
-
(Locked)
-
-
-
-
-