HTML5 Multimedia Development Cookbook

HTML5 Multimedia Development Cookbook
eBook: $23.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print + free eBook + free PacktLib access to the book: $63.98    Print cover: $39.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Table of Contents
Sample Chapters
  • 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.

Book Details

Language : English
Paperback : 288 pages [ 235mm x 191mm ]
Release Date : May 2011
ISBN : 1849691045
ISBN 13 : 9781849691048
Author(s) : Dale Cruse, Lee Jordan
Topics and Technologies : All Books, Web Development, Cookbooks, Open Source

Table of Contents

Chapter 1: Structuring for Rich Media Applications
Chapter 2: Supporting the Content
Chapter 3: Styling with CSS
Chapter 4: Creating Accessible Experiences
Chapter 5: Learning to Love Forms
Chapter 6: Developing Rich Media Applications Using Canvas
Chapter 7: Interactivity using JavaScript
Chapter 8: Embracing Audio and Video
Chapter 9: Data Storage
  • Chapter 1: Structuring for Rich Media Applications
    • Introduction
    • 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
      • Introduction
      • 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
        • Introduction
        • 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
          • Introduction
          • 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
          • Using WAI-ARIA
          • Chapter 5: Learning to Love Forms
            • Introduction
            • 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
              • Introduction
              • 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
                • Introduction
                • 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
                  • Introduction
                  • 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
                    • Introduction
                    • 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

                    Dale Cruse

                    Since 1995, Boston-area web developer Dale Cruse has been publishing websites for high-profile clients ranging from the U.S. Army to Bloomingdale's. He has been a guest lecturer at the Art Institute of New England & is currently pursuing speaking opportunities. Contact him at He is also the author of the Champagne blog Drinks Are On Me at

                    Lee Jordan

                    Lee Jordan is a web developer with a large collection of web technology acronyms on her resume that sound like the names of laundry detergents and cause glazed expressions in school children. She designs and maintains internal and external enterprise-level websites and web-based applications as part of a project team for a privately held technical services company. Her work includes proposing, writing, and editing web content and user guides people actually read. She began her career in 1997 as a web designer after graduating from Florida State University with a Bachelor of Fine Arts, where she swears that she missed at least one home football game while in the computer lab. Lee later convinced Seminole Community College to give her a Web Programming degree in 2003, even though her final project was a Java-based application that actually contained a usable help file. Web development topics or whatever she can think of at the time are posted on her blog at

                    Sorry, we don't have any reviews for this title yet.

                    Code Downloads

                    Download the code and support files for this book.

                    Submit Errata

                    Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.


                    - 1 submitted: last submission 08 May 2013

                    Errata type: Code | Page number: 53

                    In the code, there should be a closing bracket after format('svg');

                    Sample chapters

                    You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

                    Frequently bought together

                    HTML5 Multimedia Development Cookbook +    JBoss AS 5 Performance Tuning =
                    50% Off
                    the second eBook
                    Price for both: £21.95

                    Buy both these recommended eBooks together and get 50% off the cheapest eBook.

                    What you will learn from this book

                    • 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.


                    Written in a cookbook style, this book offers solutions using a recipe based approach. Each recipe contains step-by-step instructions followed by an analysis of what was done in each task and other useful information.

                    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.

                    Code Download and Errata
                    Packt Anytime, Anywhere
                    Register Books
                    Print Upgrades
                    eBook Downloads
                    Video Support
                    Contact Us
                    Awards Voting Nominations Previous Winners
                    Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
                    Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software