HTML5 and CSS3, Second Edition
Adding Shapes SVG has definitions for circles, ellipses, and even irregular polygons. We need a square, and we’ll use the <re ...
SVG files don’t have to be embedded into the document like we did here. You can make them external files and even load them as b ...
acceleration. The canvas will make it possible to create intriguing user inter- faces and engaging games using only JavaScript. ...
CHAPTER 7 Embedding Audio and Video Audio and video are integral parts of the modern Internet. Podcasts, audio previews, and eve ...
<embedsrc="awesome.mp3"autostart="true" loop="true"controller="true"></embed> The <embed> tag never became a s ...
7.2 Containers and Codecs When we talk about video on the Web, we talk in terms of containers and codecs. You might think of a v ...
It’s possible to encode a video one time and embed multiple profiles so that it looks nice on various platforms. H.264 is a de f ...
Audio Codecs As if competing standards for video weren’t complicating matters enough, we also have to be concerned with competin ...
The OGG container, with Theora video and Vorbis audio, which will work in Firefox, Chrome, and Opera. The MP4 container, with H ...
Tip 20 Tip 20. Working with Audio AwesomeCo is developing a site to showcase royalty-free audio loops for use in screencasts, an ...
html5_audio/audio.html <articleclass="sample"> <header><h2>Drums</h2></header> <audioid="drums" ...
Figure 21—The audio players in Chrome Falling Back Audio fallback support is built into the element itself. We’ve defined multip ...
Fallbacks with audio are relatively easy, and some of your users may appre- ciate the ability to easily download the file, so yo ...
Tip 21 Tip 21. Embedding Video AwesomeCo wants to showcase its new series of training videos on its website, and it wants the vi ...
To ensure that web servers know how to handle our video files, we need to add the proper MIME types to our server. This varies b ...
Falling Back To properly support a Flash-based fallback and still use HTML5 video, we place the Flash object code within the < ...
Figure 23—Our video in Internet Explorer using Video.js html5_video/videojs_index.html <sectionclass="downloads"> <head ...
or other device. Hiding the links might save screen real estate, but it won’t prevent savvy people from downloading the videos d ...
Tip 22 Tip 22. Making Videos Accessible None of the fallback solutions we’ve discussed work well for users with disabilities. In ...
supported natively, but the Video.js library supports it nicely. To use it, we create a text file of captions and cue points usi ...
«
3
4
5
6
7
8
9
10
11
12
»
Free download pdf