You are previewing HTML5 Multimedia Developer's Guide.
O'Reilly logo
HTML5 Multimedia Developer's Guide

Book Description

Develop cross-platform multimedia applications with HTML5

Now you can create rich, interactive content in the browser and deploy it across all platforms. HTML5 Multimedia Developer's Guide shows you how. You'll learn to use the revolutionary new features of HTML5, including the native audio, video, and drawing elements that eliminate the need for third-party plug-ins. New tags, the simplified doctype, local data storage, drag-and-drop, and geolocation are also covered. Detailed code examples illustrate the techniques discussed. By the end of the book, you'll be able to develop amazing multimedia applications and websites with HTML5.

• Use canvas for drawing, animation, effects, and events

• Create and view videos with the native video element

• Add and play audio files with the native audio element

• Take advantage of local data storage functions

• Apply drag-and-drop functionality

• Build location-aware web pages with the geolocation property

• Develop well-structured pages using the new semantic layout tags

• Add functionality to web forms with the new form objects

• Learn about new CSS3 properties and enhancements

• Use the editable content and offline files features

• Work with JavaScript and other technologies

Table of Contents

  1. Cover Page
  2. HTML5 Multimedia Developer’s Guide
  3. Copyright Page
  4. Dedication
  5. Contents at a Glance
  6. Contents
  7. Acknowledgments
  8. Introduction
  9. PART I Overview
    1. 1 New Features of HTML5
      1. HTML5 Is a Kinder, Gentler HTML
      2. HTML5 and CSS
      3. New HTML5 Tags
      4. HTML5 and HTML4 Comparison
      5. The Latest in Multimedia the HTML5 Way!
      6. Summary
    2. 2 JavaScript and CSS in HTML5 Web Development
      1. JavaScript Is Integral to Web Development
      2. Placing a Script at the End of a Page
      3. Loops and Conditional Tests
      4. JavaScript in an External File
      5. CSS Overview
      6. ID Selectors: Targeting Specific Page Sections
        1. CSS Classes
      7. How CSS Is Applied to New HTML5 Multimedia Tags
      8. Summary
  10. PART II Graphics and Media
    1. 3 Getting Creative with the Canvas
      1. Introducing the Canvas
        1. Drawing on the Canvas
        2. Using Gradients
          1. Linear Gradients
          2. Radial Gradients
        3. Understanding Paths
        4. Drawing Circles and Arcs
        5. Drawing Lines
        6. Using Multiple Canvases
        7. Placing Text on a Canvas
          1. Vertical Text
          2. Shadow Text
        8. Summary
    2. 4 Using Animation and Events with the Canvas
      1. Circles, Revisited
      2. A Moving Gradient
      3. Using Events
        1. Mondrian-Inspired Art
        2. A Drawing Tablet
      4. Summary
    3. 5 Getting Visual with Video
      1. Of Formats, Codecs, and Other Confusing Matters
      2. Reformatting Files
      3. Watching Video!
        1. Falling Back
        2. Video Controls
        3. More Video Attributes
        4. Events and Video
      4. Summary
  11. PART III Advanced HTML5 Features
    1. 6 Audio the HTML5 Way
      1. Introducing the Audio Element
      2. Look Ma, No Audio Player!
      3. Events and Audio
        1. Using Audio Events
        2. Using Other Events with Audio
      4. Summary
    2. 7 Be Persistent with Local Storage
      1. Local Storage Defined
      2. Basic Local Storage
      3. Getting Visual
      4. Summary
    3. 8 Drag-and-Drop: Moving Things Around the Screen
      1. A Box in a Box
      2. Adding Actions to Drag-and-Drop Events
      3. Online Shopping Made Easy
      4. Playing Tic-Tac-Toe
      5. Summary
    4. 9 Geolocation
      1. Geolocation Methods
      2. Privacy Concerns
      3. Finding Your Location
        1. Handling Rejection and Errors
        2. Detecting Browser Support
      4. Mapping Your Place in the World
        1. Getting on the Map
        2. Continuously Tracking Movement
      5. Summary
    5. 10 HTML5 Document Structure
      1. The Problems with Div
      2. HTML5 Layout Tags
        1. Layout Tag Overview
        2. Using the New Layout Tags
      3. Summary
    6. 11 New HTML Form Elements and Usage
      1. HTML5 Input Types
      2. Creating a Form
        1. Adding a Color Picker
        2. Adding Date and Time Controls
        3. Using the E-mail and URL Fields
        4. Adding Number and Range Controls
        5. Using Search
        6. Adding Telephone Number Boxes
      3. Creating Safe Forms
        1. Laying Out Forms
        2. Performing Validation
        3. Submitting Data
      4. Summary
    7. 12 CSS3: New Styling Techniques
      1. CSS3 Modules
      2. Web Fonts
        1. CSS3 Rules for Fonts
        2. Font Formats
        3. Using Fonts on a Web Site
      3. Backgrounds
        1. Multiple Backgrounds
      4. Background Placement
      5. Borders
        1. Borders with Rounded Corners and Shadows
        2. Images as Borders
      6. Transformations
      7. Transitions
      8. Animations
        1. Building an Animation
        2. Multiple Animations
        3. CSS Animation Caveats
      9. Summary
    8. 13 Editable Regions and Offline Sites
      1. Editable Content
        1. Creating an Editable Region
        2. A Game with Editable Content
      2. Offline Sites
        1. Manifest Files
        2. Detecting Offline Code
        3. Caching Multiple Pages
      3. Summary
    9. 14 Advanced Topics: Taking It All a Little Further
      1. JavaScript
        1. Looping
        2. Conditional Branching
        3. Functions
      2. Math Made Visible
      3. Parallax Processing
      4. Summary
  12. Appendix Quick Reference
    1. HTML5 Template
    2. HTML Global Attributes
    3. HTML Tag-Specific Attributes
    4. HTML5 Tags
  13. Index