Beginning HTML5 Media: Make the most of the new video and by Silvia Pfeiffer

By Silvia Pfeiffer

Beginning HTML5 Media, moment Edition is a accomplished advent to HTML5 video and audio. The HTML5 video regular allows browsers to aid audio and video parts natively. This makes it really easy for net builders to post audio and video, integrating either in the basic presentation of websites. for instance, media components will be styled utilizing CSS (style sheets), seen on a cellular equipment, and manipulated in a Canvas or an audio filter out graph. The e-book deals suggestions for offering accessibility to media parts, permitting constant dealing with of different representations of media assets. The replace comprises the entire alterations and revisions because the first HTML5 draft.

Beginning HTML5 Media dives deep into the markup that's brought for media point help in browsers. You’ll discover the default consumer interface provided via browsers for media parts, in addition to the JavaScript API supplied to regulate their habit. You’ll additionally methods to account for H.264, WebM and Ogg Theora formats in addition to discover the rising net Audio API usual, which supplies an intensive set of hardware-accelerated audio filters to accomplish a degree of audio sign manipulation within the browser formerly in basic terms on hand to audio professionals.

What you’ll learn

  • How to create cross-browser markup in HTML to incorporate audio and video into your internet pages
  • How to switch the default controls of internet browsers along with your personal or "skin" your media player
  • How to exploit the JavaScript API for media elements
  • How to combine media parts with different HTML5 constructs equivalent to CSS, Canvas, or internet employee Threads
  • How to make audio and video accessible
  • How to exploit media fragment URIs to handle convinced temporal subparts or tracks of a media resource
  • How to paintings with the net Audio API

Who this e-book is for

This booklet is if you are educated in authoring and publishing web content, yet have by no means applied audio and video. it is going to additionally support these expert within the use of Adobe Flash, Microsoft Silverlight, or QuickTime to appreciate what's occurring in HTML5 media and the way to take advantage of the recent media components.

Table of Contents

1. Encoding Media

2. utilizing and Manipulating Media Elements

3. The JavaScript API

4. Accessibility and Internationalization of HTML5 Media

5. Manipulating Media through Canvas

6. Manipulating Audio throughout the WebAudio API

Show description

Read or Download Beginning HTML5 Media: Make the most of the new video and audio standards for the Web PDF

Best web programming books

Learning Ext JS 3.2

The e-book presents lots of enjoyable instance code and screenshots to steer you thru the production of examples to help with studying. through taking a chapter-by-chapter examine each one significant element of the Ext JS framework, the publication enables you to digest the on hand beneficial properties in small, simply comprehensible chunks, permitting you to begin utilizing the library on your improvement wishes instantly.

Foundation Flex for Developers: Data-Driven Applications with PHP, ASP.NET, ColdFusion, and LCDS

Flex is crucial and flexible know-how for developing net software front-ends. yet what each stable net program wishes is a sturdy information resource, be it XML, or a database. Flex is particularly adaptable by way of connecting to information assets, and that's the major concentration of this e-book. In beginning Flex for builders, writer Sas Jacobs assumes that you have got the fundamentals of Flex down already, and explores intimately how you can create specialist data-centric Flex 2 and Flex three functions.

Dynamic Web programming and HTML5

With firms and participants more and more depending on the net, the necessity for useful, well-trained internet builders and maintainers is turning out to be. supporting readers grasp net improvement, Dynamic net Programming and HTML5 covers particular internet programming languages, APIs, and coding recommendations and gives an in-depth figuring out of the underlying options, thought, and ideas.

Beginning HTML5 Media: Make the most of the new video and audio standards for the Web

Starting HTML5 Media, moment version is a entire creation to HTML5 video and audio. The HTML5 video average allows browsers to aid audio and video parts natively. This makes it really easy for internet builders to post audio and video, integrating either in the common presentation of web content.

Additional info for Beginning HTML5 Media: Make the most of the new video and audio standards for the Web

Example text

The context menu on the video element in Opera The last one is Internet Explorer 10’s context menu, shown in Figure 2-18, which offers the usual choices along with an opportunity to Bookmark the page. Figure 2-18. The context menu on the video element in IE 51 Chapter 2 ■ Using and Manipulating HTML5 Video and Audio Elements Publishing To this point in the chapter we have introduced how to write web pages with HTML5 video elements. In the previous chapter we reviewed how to encode the media files in order to have them supported by HTML5 video capable browsers.

Chapter 2 ■ Using and Manipulating HTML5 Video and Audio Elements Listing 2-2. mp4"> Your browser doesn’t support the HTML5 video element. If this were to be loaded into the old Internet Explorer (IE) 6 browser the user would see that message in the block set aside for the video. In fact, it is a best practice to always include fallback content in any page containing HTML5 video. You can add any HTML markup inside the