Join Justin Putney for an in-depth discussion in this video Adding a "smart" pause with backward navigation, part of HTML5 Projects: Creating an Advanced Responsive Presentation.
- View Offline
We've got a lot of our big core features already put into our presentation.…I want to start cleaning things up, and really get to the polish.…So, let's start by adding kind of a smart pause.…So imagine this presentation is playing. So lemme just go right into the Start folder.…I'm in Chapter 5.0.1. And I'm just going to open up the Index…file in the browser and let's take a look at how it is right now.…And let me just jump through the media just so you can see it.…So if I hit the back arrow now, it just keeps jumping forward and in fact it will…kind of fight me in some cases. And so, even if my slide show is…self-running I might be talking to some body and want to go back and sort of…elaborate on one piece. And so I want to add this kind of a smart…pause feature so that if I jump backwards it will sit on that screen that I have…navigate to on that slide. And wait there until I give it an…indication that I want to jump back into the slideshow.…
And we'll do that by, you know, whatever triggers the next function.…
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