Learn to spiff up your HTML5 slideshows with automatic playback, integrated audio and video, and more.
- [Voiceover] My name is Justin Putney and welcome to HTML5 Projects Creating an Advanced Responsive Presentation. In this course, you'll create a self-running presentation that can automatically step through individual bullet points, have self-running audio narration and video, and display interactive Twitter feeds. You'll also learn how to customize the presentation to function with gusto on iPads and other devices; and how to cache your slide content so that it can also be viewed offline.
Once you finish this course, you'll have the tools to bring your static slide shows to life and you'll be able to show the slides on any device you choose.
Author
Justin Putney
Released
6/26/2013Need 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
Skill Level Advanced
Duration
Views
-
Introduction
-
Welcome42s
-
-
1. Understanding the Project
-
2. Enhancing the Slideshow
-
3. Creating a Self-Running Slideshow
-
Adding bullet timing3m 32s
-
4. Adding Audio and Video
-
Adding video10m 38s
-
5. Finalizing the Self-Running Mobile Presentation
-
Custom tweaks for iPad9m 39s
-
6. Enabling Offline Playback
-
Conclusion
-
Next steps40s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Welcome