Free Sample
+ Collection

HTML5 Multimedia Development Cookbook

Dale Cruse, Lee Jordan

Recipes for practical, real-world HTML5 multimedia driven development.
RRP $23.99
RRP $39.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781849691048
Paperback288 pages

About This Book

  • Use HTML5 to enhance JavaScript functionality. Display videos dynamically and create movable ads using JQuery.
  • Set up the canvas environment, process shapes dynamically and create interactive visualizations.
  • Enhance accessibility by testing browser support, providing alternative site views and displaying alternate content for non supported browsers.

Who This Book Is For

Web developers who value the need to stay ahead of the game. This cookbook will give you the edge with practical recipes for wielding this new technology immediately.

Table of Contents

Chapter 1: Structuring for Rich Media Applications
Setting up an HTML5 test area
Using the header tag for logos and site titles
Creating a table of contents using the nav tag
Using section tags to structure areas of a page
Aligning graphics using the aside tag
Displaying multiple sidebars using the aside tag
Implementing the footer tag
Applying the outline algorithm
Creating a stylish promo page in HTML5
Chapter 2: Supporting the Content
Structuring a blog article
Highlighting text using the mark element
Using the time element
Specifying the pubdate of an article
Displaying comment blocks using the article element
Adding fonts dynamically with @font-face
Adding drop-shadow effects to fonts
Applying gradient effects to fonts
Annotating visual elements using the figure and figcaption tags
Chapter 3: Styling with CSS
Setting elements to display:block
Styling a nav block element
Using background-size to control background appearance
Adding rounded corners with border-radius
Including multiple background images
Adding a box shadow to images
Styling for Internet Explorer browsers
Chapter 4: Creating Accessible Experiences
Testing browser support
Adding skip navigation
Adding meta tags
Using semantic descriptions in tags for screen readers
Providing alternate site views
Using hgroup to create accessible header areas
Displaying alternate content for non-supported browsers
Chapter 5: Learning to Love Forms
Displaying placeholder text
Adding autofocus to form fields
Styling forms using HTML5 and CSS3
Using the e-mail input type
Adding a URL using the URL input type
Using the number tag
Using the range tag
Creating a search field
Creating a picker to display date and time
Chapter 6: Developing Rich Media Applications Using Canvas
Setting up the canvas environment
Understanding the 2d rendering context
Processing shapes dynamically
Drawing borders for images using canvas
Rounding corners
Creating interactive visualizations
Bouncing a ball
Creating fallback content
Chapter 7: Interactivity using JavaScript
Playing audio files with JavaScript
Using the drag-and-drop API with text
Crossbrowser video support with and jQuery
Displaying video dynamically using jQuery
Movable video ads using jQuery
Controlling the display of images using Easel.js and the canvas tag
Animating a sequence of images using Easel.js and the canvas tag
Random animation with audio using the canvas tag and JavaScript
Chapter 8: Embracing Audio and Video
Saying no to Flash
Understanding audio and video file formats
Displaying video for everybody
Creating accessible audio and video
Crafting a slick audio player
Embedding audio and video for mobile devices
Chapter 9: Data Storage
Testing browsers for data storage support
Using browser developer tools to monitor web storage
Setting and getting a session storage variable
Setting and getting a local storage variable
Converting local storage strings to numbers using parseInt
Creating a Web SQL Database
Using a Web SQL database
Creating a cache manifest for offline storage
Displaying the current location using geolocation and geo.js

What You Will Learn

  • Make your websites available offline using cache manifest and data storage support.
  • Add location awareness using tools such as the geolocation API and geo.js
  • Create accessible audio and video and embed audio and video in your mobile devices.
  • Animate and control images using the Canvas tag.

In Detail

HTML5 is the most significant new advancement the web has seen in many years. HTML5 adds many new features including the video, audio, and canvas elements, as well as the integration of SVG. This cookbook is packed full of recipes that will help you harness HTML5’s next generation multimedia features. HTML5 is the future.

Whether you’re a seasoned pro or a total newbie, this book gives you the recipes that will serve as your practical guide to creating semantically rich websites and apps using HTML5. Get ready to perform a quantum leap harnessing HTML5 to create powerful, real world applications.

Many of the new key features of HTML5 are covered, with self-contained practical recipes for each topic. Forget hello world. These are practical recipes you can utilize straight away to create immersive, interactive multimedia applications. Create a stylish promo page in HTML5. Use SVG to replace text dynamically. Use CSS3 to control background size and appearance. Use the Canvas to process images dynamically. Apply custom playback controls to your video.


Read More

Recommended for You