HTML5 Projects: Creating an Advanced Responsive Presentation | 402MB
Duration: 1h 15m | Video: AVC (.mp4) 960x540 15&30fps | Audio: AAC 48KHz 2ch
Genre: eLearning | Level: Advanced | Language: English
You've created a basic web presentation. Now what? In this course, you'll learn how to spiff up your HTML5 presentation slides with automatic playback, integrated audio and video, and more. Author Justin Putney shows how to embed a Twitter feed, place your presentation on loop, and make subtle polishes like hiding the cursor in full-screen mode and improving the timing of bullets. Justin also includes a series of challenge-and-solution pairs to test your skills.
Need more information on creating an initial web presentation? Watch the related HTML5 Projects: Creating a Responsive Presentation course.
Topics include:
* Embedding a Twitter feed in an iframe
* Creating the code for automatic playback
* Using MediaElement.js in your presentation
* Adding video and audio
Introduction 1m 45s
Welcome 46s
Using the exercise files 21s
Using the challenges 38s
1. Understanding the Project 39s
Exploring the final results 39s
2. Enhancing the Slideshow 11m 43s
Embedding a Twitter feed via an iframe 2m 58s
Hiding the cursor in full-screen mode 2m 7s
Stepping through bullet points 3m 57s
Challenge: Reverse bullet points 1m 11s
Solution: Reverse bullet points 1m 30s
3. Creating a Self-Running Slideshow 10m 13s
Creating the code for automatic playback 4m 5s
Adding bullet timing 3m 32s
Challenge: Creating a loop 35s
Solution: Creating a loop 2m 1s
4. Adding Audio and Video 27m 3s
Using MediaElement.js in your presentation 1m 55s
Adding video 10m 38s
Moving to the next slide when the video completes 10m 39s
Challenge: Self-running audio narration 37s
Solution: Self-running audio narration 3m 14s
5. Finalizing the Self-Running Mobile Presentation 16m 32s
Adding a "smart" pause with backward navigation 6m 53s
Custom tweaks for iPad 9m 39s
6. Enabling Offline Playback 6m 53s
Using the application cache manifest 2m 24s
Testing the application cache 4m 29s
Conclusion 40s
Next steps 40s
Screenshot:
