Plugins will soon be a thing of the past. The Definitive Guide to HTML5 Video is the first authoritative book on HTML5 video, the new web standard that allows browsers to support audio and video elements natively. This makes it very easy for web developers to publish audio and video, integrating both within the general presentation of web pages. For example, media elements can be styled using CSS (style sheets), integrated into SVG (scalable vector graphics), and manipulated in a Canvas. The book offers techniques for providing accessibility to media elements, enabling consistent handling of alternative representations of media resources.

The Definitive Guide to HTML5 Video dives deep into the markup that is introduced for media element support in browsers. You’ll explore the default user interface offered through browsers for media elements, as well as the JavaScript API provided to control their behavior. You’ll also learn how to account for H.264 and Ogg Theora codecs.

What you’ll learn

Who this book is for
This book is for those who are proficient in authoring and publishing Web pages, but have never utilized audio and video. It will also benefit old buffs of Adobe Flash, Microsoft Silverlight, or QuickTime who are trying to understand what is happening in HTML5 media and how to use the new media elements.

HTML5 and CSS3 are the future of web development, but you don’t have to wait to start using them. Even though the specification is still in development, many modern browsers and mobile devices already support HTML5 and CSS3. This book gets you up to speed on the new HTML5 elements and CSS3 features you can use right now, and backwards compatible solutions ensure that you don’t leave users of older browsers behind.

This book gets you started working with many useful new features of HTML5 and CSS3 right away. Gone are the days of adding additional markup just to style a button differently or stripe tables. You’ll learn to use HTML5′s new markup to create better structure for your content and better interfaces for your forms, resulting in cleaner, easier-to-read code that can be understood by both humans and programs.

You’ll find out how to embed audio, video, and vector graphics into your pages without using Flash. You’ll see how web sockets, client-side storage, offline caching, and cross-document messaging can ease the pain of modern web development. And you’ll discover how simple CSS3 makes it to style sections of your page. Throughout the book, you’ll learn how to compensate for situations where your users can’t take advantage of HTML5 and CSS3 yet, developing solutions that are backwards compatible and accessible.

HTML5 and CSS3 for the Real World is ideal for any web designer or developer who wants to start using the latest generation of web technologies in their everyday work.

This book will teach you how to:

This easy-to-follow guide is illustrated with lots of examples, and leads readers through the process of creating great websites from start to finish using HTML5 and CSS3.

It also features:

HTML5 is packed with great new features, including new content-specific elements, audio and video playback, canvas for drawing, and many others. But where to begin? With Smashing HTML5, you have everything you need to get up and running quickly.

Bill Sanders is a professional Web developer, information and interface designer, and instructor. His expertise and knowledge shared throughout Smashing HTML5 will help fast-track you toward building next-generation Web sites.

Smashing HTML5 provides comprehensive coverage – from how to get started with HTML5 to optimizing media on the Web. You will learn how to use text, graphics, audio, video, and navigation in HTML5 Web pages running in compatible browsers.

You will also learn how to:

Smashing HTML5 is an essential read for Web designers and developers looking to transition to HTML5. With this book, you’ll be able to create Web pages that not only look great, but also take advantage of the new features HTML5 has to offer.

If you’re a web developer or designer familiar with CSS and JavaScript, this tightly focused introduction shows you how to add HTML5 media elements to your web pages, and how to provide custom controls for letting web visitors interact with the content.

You’ll also learn how to provide subtitles and captions, using file formats that work in browsers now. This book includes code samples and downloadable examples to help you take full advantage of audio and video in your web pages.

Truly revolutionary: now you can write geolocation applications directly in the browser, rather than develop native apps for particular devices. This concise book demonstrates the W3C Geolocation API in action, with code and examples to help you build HTML5 apps using the “write once, deploy everywhere” model. Along the way, you get a crash course in geolocation, browser support, and ways to integrate the API with common geo tools like Google Maps.

Dive deep into the latest HTML5 features that really make the language shine—everything from markup semantics to Canvas, web forms, application protocols, and the latest JavaScript APIs.

With more than 100 practical tips and techniques that you can use in your projects right away, the HTML Cookbook helps you experience HTML5′s versatility firsthand.

Each informative recipe includes a code solution, along with a detailed discussion into why and how it works. And each chapter has an example design to showcase the topics presented. This handy book is perfect for intermediate to advanced web and mobile web developers ready to take advantage of HTML5 immediately, with recipes on the following topics:

Whether you currently use Flash, Silverlight, or just HTML and JavaScript, you’ll quickly pick up the basics. Practical examples show you how to create various games and entertainment applications with Canvas as you learn. Gain valuable experience with HTML5, and discover why leading application developers rave about this specification as the future of truly innovative web development.

Implement the powerful new multimedia and interactive capabilities offered by HTML5, including style control tools, illustration tools, video, audio, and rich media solutions. Understand how HTML5 is changing the Web development game with this full-color, project-based treatment that shows you-not just tells you-what HTML5 can do for your Web sites. Reinforce your practical understanding of the new standard with demo applications and tutorials, so that execution is one short step away. The companion website, visualizetheweb.com, is packed full of extra information, online code libraries, and a user forum, offering even more opportunity to learn new skills, practice your coding and interact with other users.

In this book, developers will learn how to use the latest cutting-edge HTML5 web technology—available in the most recent versions of modern browsers—to build web applications with unparalleled functionality, speed, and responsiveness.

What you’ll learn

Who this book is for
Web designers and developers who want to use the latest cutting-edge technology available in current browsers
Developers who want to create dynamic, HTML5 web applications
Developers who want to know which HTML5 features are supported in current browsers