HTML5 Multimedia Development Cookbook

Recipes for practical, real-world HTML5 multimedia driven development.
Preview in Mapt

HTML5 Multimedia Development Cookbook

Dale Cruse, Lee Jordan

Recipes for practical, real-world HTML5 multimedia driven development.
Mapt Subscription
FREE
$29.99/m after trial
eBook
$16.80
RRP $23.99
Save 29%
Print + eBook
$39.99
RRP $39.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$16.80
$39.99
$29.99p/m after trial
RRP $23.99
RRP $39.99
Subscription
eBook
Print + eBook
Start 30 Day Trial

Frequently bought together


HTML5 Multimedia Development Cookbook Book Cover
HTML5 Multimedia Development Cookbook
$ 23.99
$ 16.80
HTML5 Mobile Development Cookbook Book Cover
HTML5 Mobile Development Cookbook
$ 23.99
$ 16.80
Buy 2 for $33.60
Save $14.38
Add to Cart
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 

Book Details

ISBN 139781849691048
Paperback288 pages

Book Description

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.

Table of Contents

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 vid.ly 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

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.

Authors

Table of Contents

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 vid.ly 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

Book Details

ISBN 139781849691048
Paperback288 pages
Read More

Read More Reviews

Recommended for You

Responsive Web Design with HTML5 and CSS3 Book Cover
Responsive Web Design with HTML5 and CSS3
$ 23.99
$ 4.80
Mastering Web Application Development with AngularJS Book Cover
Mastering Web Application Development with AngularJS
$ 26.99
$ 5.40
HTML5 and CSS3 Responsive Web Design Cookbook Book Cover
HTML5 and CSS3 Responsive Web Design Cookbook
$ 26.99
$ 5.40
Learning jQuery, Third Edition Book Cover
Learning jQuery, Third Edition
$ 23.99
$ 16.80
HTML5 Canvas Cookbook Book Cover
HTML5 Canvas Cookbook
$ 23.99
$ 16.80
Bootstrap Site Blueprints Book Cover
Bootstrap Site Blueprints
$ 26.99
$ 18.90