Join Justin Putney for an in-depth discussion in this video Solution: Self-running audio narration, part of Creating an Advanced Responsive Presentation in HTML5.
As I mentioned in the challenge video, the audio tag is very similar to the video tag.…So if I were doing this, this is right where I'd start.…I'd use the W3 schools reference and here's the video tag reference we were…looking at earlier. Alright, just come down and click on the…audio tab and take a look. And it looks like it's the exact same…implementation as video, except the tag just says audio.…So I'll switch over to the finder here, I'm in the chapter four folder,…05_solution, under final and I'm just going to open up the index file in Dream…Weaver, and so I'm going to scroll down and here is the title slide that I asked…you to add the audio to. And I've just added the audio tag at the…end and here's the link to the placeholder.…
See it's very similar to the video, I'm going to go up here to the resources in…Dreamweaver and jump over to the pres file in the JS folder.…And I gave you more time for this challenge than the other ones but, I got…to admit, it was a little bit of a trick on my part.…But a trick in the right direction because it's actually a lot simpler than I may…
Need more information on creating an initial web presentation? Watch the related HTML5 Projects: Creating a Responsive Presentation course.
- Embedding a Twitter feed in an iframe
- Creating the code for automatic playback
- Using MediaElement.js in your presentation
- Adding video and audio