Peter Lubbers - Pro HTML 5 Programming

Recommendations

Info

viii ■ CONTENTS Triggering the Privacy Protection Mechanism........................................................................................ 93 Dealing with Location Information.......................................................................................................... 95 Using the HTML5 Geolocation API....................................................................................95 Checking for Browser Support ............................................................................................................... 95 Position Requests................................................................................................................................... 96 Building a Real-Time Application with HTML5 Geolocation...........................................101 Writing the HTML Display ..................................................................................................................... 104 Processing the Geolocation Data.......................................................................................................... 104 The Final Code...................................................................................................................................... 108 Practical Extras..............................................................................................................111 What’s My Status?................................................................................................................................ 111 Show Me on a Google Map................................................................................................................... 113 Summary .......................................................................................................................114 ■Chapter 5: Using the Communication APIs..........................................................115 Cross Document Messaging ..........................................................................................115 Understanding Origin Security.............................................................................................................. 117 Browser Support for Cross Document Messaging................................................................................ 118 Using the postMessage API .................................................................................................................. 119 Building an Application Using the postMessage API ............................................................................ 120 XMLHttpRequest Level 2................................................................................................126 Cross-Origin XMLHttpRequest.............................................................................................................. 126 Progress Events.................................................................................................................................... 128 Browser Support for HTML5 XMLHttpRequest Level 2 ......................................................................... 129 Using the XMLHttpRequest API............................................................................................................. 129 Building an Application Using XMLHttpRequest ................................................................................... 131 Practical Extras..............................................................................................................135 Structured Data .................................................................................................................................... 135 Framebusting ....................................................................................................................................... 135
■ CONTENTS Summary .......................................................................................................................136 ■Chapter 6: Using the HTML5 WebSocket API ......................................................137 Overview of HTML5 WebSockets...................................................................................137 Real-Time and HTTP............................................................................................................................. 137 Understanding HTML5 WebSockets ..................................................................................................... 139 Browser Support for HTML5 WebSockets......................................................................146 Writing a Simple Echo WebSocket Server .....................................................................146 Using the HTML5 WebSocket API ..................................................................................154 Checking for Browser Support ............................................................................................................. 154 Basic API Usage.................................................................................................................................... 155 Building an Application with HTML5 WebSockets .........................................................158 Coding the HTML File............................................................................................................................ 159 Adding the WebSocket Code ................................................................................................................ 161 Adding the Geolocation Code................................................................................................................ 162 Putting It All Together........................................................................................................................... 162 The Final Code...................................................................................................................................... 164 Summary .......................................................................................................................167 ■Chapter 7: Using the HTML5 Forms API...............................................................169 Overview of HTML5 Forms.............................................................................................169 HTML Forms vs. XForms....................................................................................................................... 170 Functional Forms.................................................................................................................................. 170 Browser Support for HTML5 Forms ...................................................................................................... 170 An Input Catalog ................................................................................................................................... 171 Using the HTML5 Forms APIs.........................................................................................176 New form attributes and functions....................................................................................................... 176 Checking forms with validation............................................................................................................ 180 Validation feedback .............................................................................................................................. 184 Building an Application with HTML5 Forms...................................................................185 ix
Page 1 and 2: THE EXPERT’S VOICE ® IN WEB DEVE
Page 3 and 4: ■ ■ ■ Pro HTML5 Programming P
Page 5 and 6: For my beautiful wife, Vittoria, an
Page 7 and 8: Contents ■Foreword ..............
Page 9: ■ CONTENTS Implementing Canvas Se
Page 13 and 14: ■ CONTENTS Setting and Retrieving
Page 15 and 16: Foreword In June 2004, representati
Page 17 and 18: About the Technical Reviewer � Pa
Page 19 and 20: Introduction HTML5 is brand new. In
Page 21 and 22: C H A P T E R 1 ■ ■ ■ Overvie
Page 23 and 24: CHAPTER 1 ■ OVERVIEW OF HTML5 wit
Page 25 and 26: Interoperability Simplification CHA
Page 27 and 28: • MathML • Microdata • Server
Page 29 and 30: Figure 1-1. A page rendered in stan
Page 31 and 32: Table 1-2. New sectioning HTML5 ele
Page 33 and 34: CHAPTER 1 ■ OVERVIEW OF HTML5 Wit
Page 35 and 36: article { background-color: #eee; d
Page 37 and 38: Figure 1-2. An HTML5 page with all
Page 39 and 40: CHAPTER 1 ■ OVERVIEW OF HTML5 The
Page 41 and 42: Figure 1-3. Developer Tools view in
Page 43: CHAPTER 1 ■ OVERVIEW OF HTML5 All
Page 46 and 47: 26 CHAPTER 2 ■ USING THE HTML5 CA
Page 52 and 53: Download from Wow! eBook 32 CHAPTE
Page 60 and 61:
40 CHAPTER 2 ■ USING THE HTML5 CA
Page 62 and 63:
Download from Wow! eBook 42 CHAPTE
Page 64 and 65:
Page 66 and 67:
Page 68 and 69:
Page 70 and 71:
Page 72 and 73:
Page 74 and 75:
Page 76 and 77:
Page 78 and 79:
Page 80 and 81:
Page 82 and 83:
Page 85 and 86:
C H A P T E R 3 ■ ■ ■ Working
Page 87 and 88:
Audio and Video Codecs CHAPTER 3
Page 89 and 90:
Table 3-1. Browser support for HTML
Page 91 and 92:
MEDIA FOR EVERYONE CHAPTER 3 ■ WO
Page 93 and 94:
CHAPTER 3 ■ WORKING WITH HTML5 AU
Page 95 and 96:
Table 3-4 shows a few of the read-o
Page 97 and 98:
Page 99 and 100:
Page 101 and 102:
Page 103 and 104:
find the actual frame since the vid
Page 105 and 106:
LOSING VIEWERS IN THE OF AN EYE CH
Page 107 and 108:
C H A P T E R 4 ■ ■ ■ Using t
Page 109 and 110:
A device can use any of the followi
Page 111 and 112:
Table 4-4. Pros and cons of cell ph
Page 113 and 114:
Figure 4-1. HTML5 Geolocation brows
Page 115 and 116:
CHAPTER 4 ■ USING THE HTML5 GEOLO
Page 117 and 118:
Page 119 and 120:
Page 121 and 122:
Page 123 and 124:
Listing 4-6. The Haversine formula
Page 125 and 126:
Listing 4-9. Adding the loadDemo()
Page 127 and 128:
THE EASIEST WAY TO TRAVEL CHAPTER 4
Page 129 and 130:
var deltaLatitude = toRadians(latit
Page 131 and 132:
Practical Extras CHAPTER 4 ■ USIN
Page 133 and 134:
Show Me on a Google Map CHAPTER 4
Page 135 and 136:
Page 137 and 138:
CHAPTER 5 ■ USING THE COMMUNICATI
Page 139 and 140:
Page 141 and 142:
Page 143 and 144:
var defaultTitle = "Portal [http://
Page 145 and 146:
Send Notification CHAPTER 5 ■ U
Page 147 and 148:
Figure 5-4. Difference between clie
Page 149 and 150:
“SEEMINGLY ARBITRARY” TIMES CHA
Page 151 and 152:
crossOriginRequest.upload.onprogres
Page 153 and 154:
Page 155 and 156:
Page 157 and 158:
Page 159 and 160:
Figure 6-1. The complexity of real-
Page 161 and 162:
Listing 6-2. The WebSocket interfac
Page 163 and 164:
Listing 6-4. HTTP response header H
Page 165 and 166:
Figure 6-4. Latency comparison betw
Page 167 and 168:
EXISTING WEBSOCKET SERVERS CHAPTER
Page 169 and 170:
CHAPTER 6 ■ USING THE HTML5 WEBSO
Page 171 and 172:
def terminate(self): self.ready_sta
Page 173 and 174:
self.sessions = [] self.port = port
Page 175 and 176:
Basic API Usage CHAPTER 6 ■ USING
Page 177 and 178:
Page 179 and 180:
Page 181 and 182:
Page 183 and 184:
Page 185 and 186:
HTML5 WebSocket / Geolocation Track
Page 187:
} } Summary incomingRow = docume
Page 190 and 191:
170 CHAPTER 7 ■ USING THE HTML5 F
Page 192 and 193:
Download from Wow! eBook 172 CHAPT
Page 194 and 195:
Page 196 and 197:
Page 198 and 199:
Page 200 and 201:
Page 202 and 203:
Page 204 and 205:
Page 206 and 207:
Page 208 and 209:
Page 210 and 211:
Page 212 and 213:
Download from Wow! eBook
Page 214 and 215:
194 CHAPTER 8 ■ USING THE HTML5 W
Page 216 and 217:
Page 218 and 219:
Page 220 and 221:
Page 222 and 223:
Page 224 and 225:
Page 226 and 227:
Page 228 and 229:
Page 230 and 231:
Page 232 and 233:
Page 234 and 235:
Page 236 and 237:
Page 238 and 239:
Page 240 and 241:
Page 242 and 243:
Page 244 and 245:
Page 246 and 247:
Page 248 and 249:
Page 250 and 251:
Page 252 and 253:
Page 254 and 255:
Page 256 and 257:
Page 258 and 259:
Page 260 and 261:
Page 262 and 263:
Download from Wow! eBook
Page 264 and 265:
244 CHAPTER 10 ■ CREATING HTML5 O
Page 266 and 267:
Page 268 and 269:
Page 270 and 271:
Page 272 and 273:
Page 274 and 275:
Page 276 and 277:
Page 279 and 280:
C H A P T E R 11 ■ ■ ■ The Fu
Page 281 and 282:
Figure 11-1. Quake II 3D Shaders CH
Page 283 and 284:
CHAPTER 11 ■ THE FUTURE OF HTML5
Page 285 and 286:
Page 287:
Page 290 and 291:
270 ■ INDEX unsupported, 68 using
Page 292 and 293:
Download from Wow! eBook 272 ■ I
Page 294 and 295:
274 ■ INDEX Web SQL database supp
Page 296 and 297:
276 ■ INDEX HTML5 page CSS file f
Page 298 and 299:
278 ■ INDEX media elements. See a
Page 300 and 301:
280 ■ INDEX building application
Page 302 and 303:
Download from Wow! eBook 282 ■ I
Page 304:
284 ■ INDEX stopping Web Workers,
show all

Peter Lubbers - Pro HTML 5 Programming

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?