Dojo & HTML5

Dojo & HTML5By Mike WilcoxSeptember, 2011

Mike W ilcox

Mike W ilcox AJAX CSS3 AIR AS3 HTML5 PHP MySQL DojoFlash Video

Mike W ilcox Co m mitter! AJAX CSS3 AIR AS3 HTML5 PHP MySQL DojoFlash Video

Mike W ilcox Co m mitter! AJAX CSS3 AIR AS3 HTML5 PHP MySQL DojoFlash Video Works there as Director of Technology.

Mike W ilcox Co m mitter! Natch! AJAX CSS3 AIR AS3 HTML5 PHP MySQL DojoFlash Video Works there as Director of Technology.

Mike W ilcox Co m mitter! Natch! @clubajax AJAX CSS3 AIR AS3 HTML5 PHP MySQL DojoFlash Video ITweet! Works there as Director of Technology.

Is Dojo HTML5 Ready?

Is Dojo HTML5 Ready? HTML5 makes a developer’s job easier by specifying uniform APIs across browsers and suggest new and more powerful features

Is Dojo HTML5 Ready? HTML5 makes a developer’s job easier by specifying uniform APIs across browsers and suggest new and more powerful features library

Is Dojo HTML5 Ready? HTML5 makes a developer’s job easier by specifying uniform APIs across browsers and suggest new and more powerful features Pre-written JavaScript designed to make coding library easier for devs

Is Dojo HTML5 Ready? HTML5 makes a developer’s job easier by specifying uniform APIs across browsers and suggest new and more powerful features Pre-written JavaScript designed to make coding library easier for devs Pete is the president.

The Top HTML5 Features

The Top HTML5 Features1. Semantic Elements2.Forms3.Canvas / SVG4.WebGL / Canvas 3D5.Web Workers6.Geolocation7.Storage / Ofﬂine8.WebSockets9.Web Audio API10.CSS3 / WOFF11.Audio12.Video

Semantic Elements

Semantic Elements Don’t be anti- semantic!

Semantic Elements

Semantic Elements Fun new tag names, like: section, header, footer, menu, etc.

Semantic Elements Fun new tag names, like: section, header, footer, menu, etc. Allows for nested hgroups, multiple h1 tags in a page

Semantic Elements Fun new tag names, like: section, header, footer, menu, etc. Allows for nested hgroups, multiple h1 tags in a page Crawlers have less trouble determining your markup intent

Semantic Elements Fun new tag names, like: section, header, footer, menu, etc. Allows for nested hgroups, multiple h1 tags in a page Crawlers have less trouble determining your markup intent Pretty much the ﬁrst thing people think of... since it’s actually HTML

Semantic Elements Fun new tag names, like: section, header, footer, menu, etc. Allows for nested hgroups, multiple h1 tags in a page Crawlers have less trouble determining your markup intent Pretty much the ﬁrst thing people think of... since it’s actually HTML Surprisingly not very well adopted considering XForms was introduced in 2003.

Semantic Elements

Semantic Elements Experiment: Dijit BorderContainer, in markup with HTML5 tags

Semantic Elements

Semantic Elements Works in Firefox! Yay!

Semantic Elements Works in Firefox! Yay! IE8... Not so much.

Semantic Elements

Semantic Elements Experiment: Simple custom widget. Minimal HTML5 tags.

Semantic Elements Experiment: Simple custom widget. Minimal HTML5 tags.Keepin’ it simple!

Semantic Elements

D -Semantic Elements

D - Semantic ElementsPros:

D - Semantic ElementsPros: Parser handles some parent tags in the page body

D - Semantic ElementsPros: Parser handles some parent tags in the page body There *is* a ticket for this in Trac.

D - Semantic ElementsPros: Parser handles some parent tags in the page body There *is* a ticket for this in Trac.Cons:

D - Semantic ElementsPros: Parser handles some parent tags in the page body There *is* a ticket for this in Trac.Cons: Right now, it blows up.

Forms Placeholder text, validation, input widgets, uploaders, etc.

Forms Placeholder text, validation, input widgets, uploaders, etc. The second thing people think of for HTML5!

Forms Placeholder text, validation, input widgets, uploaders, etc. The second thing people think of for HTML5! Surprisingly not very well adopted considering XForms was introduced in 2003.

FormsThe following screenshots are an example of an HTML5forms sub-set. http://www.miketaylr.com/code/html5-forms-ui-support.html

FormsNote the difference between Macand Windows... on the same browser.

Forms Toggle th ese two sli des bacNote the difference between Mac k an d forth!and Windows... on the same browser.

FormsWell, Firefox always seems to lag a little behind...

FormsThe mighty Chrome! Hasn’t done a lot here...

FormsNor Safari....

FormsHey! I thought IE9 was 99% HTML5 compliant! They saidthey were.

Dijit FormsDijit Forms Theme Tester in IE8 on Windows

Dijit FormsDijit Forms Theme Tester in Firefox on Mac OSX 10

Dijit FormsDijit Forms Theme Tester in Firefox on Mac OSX 10 Toggle th ese two sli des bac k an d for th!

DojoX Uploader

DojoX Uploader The Uploader successfully handles custom uploading cross browser with a standard, HTML5-friendly API.

DojoX Uploader The Uploader successfully handles custom uploading cross browser with a standard, HTML5-friendly API. I wrote it! E ven supp orts Drag a n d Dro p!

DojoX Uploader The Uploader successfully handles custom uploading cross browser with a standard, HTML5-friendly API. I wrote it! Too complicated. Dev users are asking the same questions over and over. Advanced is default. E ven supp orts Drag a n d Dro p!

AForms

Pros: A Forms

Pros: A Forms Pretty much has has the HTML5 Forms spec covered for years

Pros: A Forms Pretty much has has the HTML5 Forms spec covered for years Consistent look cross browser (better than HTML5!)

Pros: A Forms Pretty much has has the HTML5 Forms spec covered for years Consistent look cross browser (better than HTML5!) dataset & data-* attributes: data-dojo-type

Pros: A Forms Pretty much has has the HTML5 Forms spec covered for years Consistent look cross browser (better than HTML5!) dataset & data-* attributes: data-dojo-typeCons:

Pros: A Forms Pretty much has has the HTML5 Forms spec covered for years Consistent look cross browser (better than HTML5!) dataset & data-* attributes: data-dojo-typeCons: Compliance may not be quite 100%

Pros: A Forms Pretty much has has the HTML5 Forms spec covered for years Consistent look cross browser (better than HTML5!) dataset & data-* attributes: data-dojo-typeCons: Compliance may not be quite 100% No Getters and Setters - custom API

Canvas / SVG

Canvas / SVG Canvas / Raster: Grid of pixels

Canvas / SVG Canvas / Raster: Grid of pixels SVG / Vector: Mathematical representation of a shape

Canvas / SVG Canvas / Raster: Grid of pixels SVG / Vector: Mathematical representation of a shape Not in old-ass™ IE!

Canvas / SVG Canvas / Raster: Grid of pixels SVG / Vector: Mathematical representation of a shape Not in old-ass™ IE! Fun security restriction surprises!

DojoX GFX

DojoX GFX meow!

DojoX GFXdojox.gfx (GFX) is a cross-platform vector graphics APIthat loosely follows SVG as the underlying model. Itdetects the best graphics engine implementation foryour browser and uses that to render the graphics. meow!

DojoX GFXdojox.gfx (GFX) is a cross-platform vector graphics APIthat loosely follows SVG as the underlying model. Itdetects the best graphics engine implementation foryour browser and uses that to render the graphics. meow!dojox.gfx Normalized API SVG VML Render Canvas Silverlight

Canvas / SVG

A +Canvas / SVG

APros: + Canvas / SVG

APros: + Canvas / SVG API works with Canvas, SVG, Silverlight and VML

APros: + Canvas / SVG API works with Canvas, SVG, Silverlight and VMLCons:

APros: + Canvas / SVG API works with Canvas, SVG, Silverlight and VMLCons: Close, but API is non-standard

WebGL / Canvas 3D

WebGL / Canvas 3D WebGL is a cross-platform API used to create 3D graphics in a browser. Because it runs in the HTML5 Canvas element, WebGL has full integration with all Document Object Model (DOM) interfaces.

WebGL / Canvas 3D WebGL is a cross-platform API used to create 3D graphics in a browser. Because it runs in the HTML5 Canvas element, WebGL has full integration with all Document Object Model (DOM) interfaces. Ma de by the se guys!

WebGL / Canvas 3D WebGL is a cross-platform API used to create 3D graphics in a browser. Because it runs in the HTML5 Canvas element, WebGL has full integration with all Document Object Model (DOM) interfaces. Because you can make stuff like this! Ma de by the se guys!

Because thecode looks likethat!

function init(){ // Initialize var gl = initWebGL("example", "vshader", "fshader", [ "vNormal", "vColor", "vPosition"], [ 0, 0, 0, 1 ], 10000); // Set some uniform variables for the shaders gl.uniform3f(gl.getUniformLocation(gl.program, "lightDir"), 0, 0, 1); gl.uniform1i(gl.getUniformLocation(gl.program, "sampler2d"), 0); Because the // Create a box. On return gl contains a box property with // the BufferObjects containing the arrays for vertices, // normals, texture coords, and indices. gl.box = makeBox(gl); code looks like that! // Load an image to use. Returns a WebGLTexture object spiritTexture = loadImageTexture(gl, "resources/spirit.jpg"); // Create some matrices to use later and save their locations in the shaders gl.mvMatrix = new CanvasMatrix4(); gl.u_normalMatrixLoc = gl.getUniformLocation(gl.program, "u_normalMatrix"); gl.normalMatrix = new CanvasMatrix4(); gl.u_modelViewProjMatrixLoc = gl.getUniformLocation(gl.program, "u_modelViewProjMatrix"); gl.mvpMatrix = new CanvasMatrix4(); // Enable all of the vertex attribute arrays. gl.enableVertexAttribArray(0); gl.enableVertexAttribArray(1); gl.enableVertexAttribArray(2); // Set up all the vertex attributes for vertices, normals and texCoords gl.bindBuffer(gl.ARRAY_BUFFER, gl.box.vertexObject); gl.vertexAttribPointer(2, 3, gl.FLOAT, false, 0, 0); gl.bindBuffer(gl.ARRAY_BUFFER, gl.box.normalObject); gl.vertexAttribPointer(0, 3, gl.FLOAT, false, 0, 0); gl.bindBuffer(gl.ARRAY_BUFFER, gl.box.texCoordObject); gl.vertexAttribPointer(1, 2, gl.FLOAT, false, 0, 0); // Bind the index array gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, gl.box.indexObject); return gl;}

WebGL / Canvas 3D

Pa ssWebGL / Canvas 3D

Pa ss WebGL / Canvas 3DPros:

Pa ss WebGL / Canvas 3DPros: Existing libraries: C3DL, CopperLicht , EnergizeGL, GammaJS, GLGE, GTW, O3D, OSG.JS, SceneJS, SpiderGL, TDL, Three.js and X3DOM

Pa ss WebGL / Canvas 3DPros: Existing libraries: C3DL, CopperLicht , EnergizeGL, GammaJS, GLGE, GTW, O3D, OSG.JS, SceneJS, SpiderGL, TDL, Three.js and X3DOMCons:

Pa ss WebGL / Canvas 3DPros: Existing libraries: C3DL, CopperLicht , EnergizeGL, GammaJS, GLGE, GTW, O3D, OSG.JS, SceneJS, SpiderGL, TDL, Three.js and X3DOMCons: There is a DojoX 3Dgfx, but it’s not WebGL.

Web Workers

Web Workers Multithreaded JavaScript?? What’s not cool about that!

Web Workers Multithreaded JavaScript?? What’s not cool about that! Damn you old-ass™ IE!! Workers can’t access the DOM. Can you picture some devs trying to use threads? Yikes!

Web Workershttp://www.html5rocks.com/en/tutorials/workers/basics/#toc-enviornment-subworkers

Web WorkersPossibilities:http://www.html5rocks.com/en/tutorials/workers/basics/#toc-enviornment-subworkers

Web WorkersPossibilities: Prefetching and/or caching data for later use Code syntax highlighting or other real-time text formattinghttp://www.html5rocks.com/en/tutorials/workers/basics/#toc-enviornment-subworkers

Web WorkersPossibilities: Prefetching and/or caching data for later use Code syntax highlighting or other real-time text formatting Spell checkerhttp://www.html5rocks.com/en/tutorials/workers/basics/#toc-enviornment-subworkers

Web WorkersPossibilities: Prefetching and/or caching data for later use Code syntax highlighting or other real-time text formatting Spell checker Analyzing video or audio datahttp://www.html5rocks.com/en/tutorials/workers/basics/#toc-enviornment-subworkers

Web WorkersPossibilities: Prefetching and/or caching data for later use Code syntax highlighting or other real-time text formatting Spell checker Analyzing video or audio data Background I/O or polling of webserviceshttp://www.html5rocks.com/en/tutorials/workers/basics/#toc-enviornment-subworkers

Web WorkersPossibilities: Prefetching and/or caching data for later use Code syntax highlighting or other real-time text formatting Spell checker Analyzing video or audio data Background I/O or polling of webservices Processing large arrays or humungous JSON responseshttp://www.html5rocks.com/en/tutorials/workers/basics/#toc-enviornment-subworkers

Web WorkersPossibilities: Prefetching and/or caching data for later use Code syntax highlighting or other real-time text formatting Spell checker Analyzing video or audio data Background I/O or polling of webservices Processing large arrays or humungous JSON responses Image ﬁltering in <canvas>http://www.html5rocks.com/en/tutorials/workers/basics/#toc-enviornment-subworkers

Web WorkersPossibilities: Prefetching and/or caching data for later use Code syntax highlighting or other real-time text formatting Spell checker Analyzing video or audio data Background I/O or polling of webservices Processing large arrays or humungous JSON responses Image ﬁltering in <canvas> Updating many rows of a local web databasehttp://www.html5rocks.com/en/tutorials/workers/basics/#toc-enviornment-subworkers

Web Workers

Web Workers pros:

Web Workers pros: Could be used with gfx3d, Data Stores, Charts, THE GRID, and crypto (which does utilize Gears Workers)

Web Workers pros: Could be used with gfx3d, Data Stores, Charts, THE GRID, and crypto (which does utilize Gears Workers) IE10 will use messaging between workers - interesting possibilities

Web Workers pros: Could be used with gfx3d, Data Stores, Charts, THE GRID, and crypto (which does utilize Gears Workers) IE10 will use messaging between workers - interesting possibilities Safari has child Workers

Web Workers pros: Could be used with gfx3d, Data Stores, Charts, THE GRID, and crypto (which does utilize Gears Workers) IE10 will use messaging between workers - interesting possibilities Safari has child Workers cons:

Web Workers pros: Could be used with gfx3d, Data Stores, Charts, THE GRID, and crypto (which does utilize Gears Workers) IE10 will use messaging between workers - interesting possibilities Safari has child Workers cons: Modern JavaScript performance has minimized the need for Workers

Web Workers pros: Could be used with gfx3d, Data Stores, Charts, THE GRID, and crypto (which does utilize Gears Workers) IE10 will use messaging between workers - interesting possibilities Safari has child Workers cons: Modern JavaScript performance has minimized the need for Workers JS calc is rarely the bottleneck

Web Workers pros: Could be used with gfx3d, Data Stores, Charts, THE GRID, and crypto (which does utilize Gears Workers) IE10 will use messaging between workers - interesting possibilities Safari has child Workers cons: Modern JavaScript performance has minimized the need for Workers JS calc is rarely the bottleneck Most devs who understand the need for Workers wouldnt necessarily need a DojoX class to help them

Web Workers pros: Could be used with gfx3d, Data Stores, Charts, THE GRID, and crypto (which does utilize Gears Workers) IE10 will use messaging between workers - interesting possibilities Safari has child Workers cons: Modern JavaScript performance has minimized the need for Workers JS calc is rarely the bottleneck Most devs who understand the need for Workers wouldnt necessarily need a DojoX class to help them IE9 and older would use timeouts - not very effective deprecation. Most likely you would want to disable the feature.

Web Workers pros: Could be used with gfx3d, Data Stores, Charts, THE GRID, and crypto (which does utilize Gears Workers) IE10 will use messaging between workers - interesting possibilities Safari has child Workers cons: Modern JavaScript performance has minimized the need for Workers JS calc is rarely the bottleneck Most devs who understand the need for Workers wouldnt necessarily need a DojoX class to help them IE9 and older would use timeouts - not very effective deprecation. Most likely you would want to disable the feature. The API isn’t hard! You don’t need Dojo!

Web Workers

Pa ssWeb Workers

Geolocation

Geolocation It tells you where you are.

Geolocation It tells you where you are. The API is: navigator.geolocation.getCurrentPosition

Geolocation It tells you where you are. The API is: navigator.geolocation.getCurrentPosition It has to ask your permission to tell you where you are. Sometimes it works. It returns a longitude and latitude.

Geolocation It tells you where you are. The API is: navigator.geolocation.getCurrentPosition It has to ask your permission to tell you where you are. Sometimes it works. It returns a longitude and latitude. This is where we are!38 ° 53.9249 Who o ho o!-77 ° 2.2610

Geolocation

GeolocationPros:

GeolocationPros: Could be used with dojox.geo

GeolocationPros: Could be used with dojox.geoCons:

GeolocationPros: Could be used with dojox.geoCons: So simple, Dojo is not needed.

GeolocationPros: Could be used with dojox.geoCons: So simple, Dojo is not needed. Third party workarounds may have license issues.

Pa ss GeolocationPros: Could be used with dojox.geoCons: So simple, Dojo is not needed. Third party workarounds may have license issues.

Storage & Offline

Offline

Offline You can download all the necessary ﬁles for a web app and use it when you’re not connected.

Offline You can download all the necessary ﬁles for a web app and use it when you’re not connected. Most people are always connected, and most devs assume their audience is always connected. Building an app so that someone can use it on an airplane is a niche case

Offline You can download all the necessary ﬁles for a web app and use it when you’re not connected. I do! Most people are always connected, and most devs assume their audience is always connected. Building an app so that someone can use it on an airplane is a niche case

Storage

Storage Some apps simply need more storage space than a 4k cookie

Storage Some apps simply need more storage space than a 4k cookie Doesn’t get sent with, and overload, server requests, like cookies

Storage Some apps simply need more storage space than a 4k cookie Doesn’t get sent with, and overload, server requests, like cookies It’s just a big cookie - with odd security

Storage / Offline http://diveintohtml5.org

Storage / OfflinePros: http://diveintohtml5.org

Storage / OfflinePros: DojoX RPC includes ofﬂine capabilities http://diveintohtml5.org

Storage / OfflinePros: DojoX RPC includes ofﬂine capabilities DojoX Storage gets kudos in Mark Pilgrim’s Dive Into HTML5, which handles the very complex disparity between APIs. http://diveintohtml5.org

Storage / OfflinePros: DojoX RPC includes ofﬂine capabilities DojoX Storage gets kudos in Mark Pilgrim’s Dive Into HTML5, which handles the very complex disparity between APIs.Cons: http://diveintohtml5.org

Storage / OfflinePros: DojoX RPC includes ofﬂine capabilities DojoX Storage gets kudos in Mark Pilgrim’s Dive Into HTML5, which handles the very complex disparity between APIs.Cons: Flash solutions are not ready until well after page load. http://diveintohtml5.org

Storage / OfflinePros: DojoX RPC includes ofﬂine capabilities DojoX Storage gets kudos in Mark Pilgrim’s Dive Into HTML5, which handles the very complex disparity between APIs.Cons: Flash solutions are not ready until well after page load. IE9 doesnt have Application Cache (ofﬂine). http://diveintohtml5.org

Storage / Offline

A-Storage / Offline

Web Sockets

Web Sockets The HTML 5 WebSocket speciﬁcation deﬁnes a single-socket full-duplex (or bi-directional) connection for pushing and pulling information between the browser and server.

Web Sockets The HTML 5 WebSocket speciﬁcation deﬁnes a single-socket full-duplex (or bi-directional) connection for pushing and pulling information between the browser and server. Stop! You’re turning me on!

Web Sockets

Web Sockets WebSockets are not in HTML5 due to security disagreements.

Web Sockets

AWeb Sockets

A Web SocketsPros:

A Web SocketsPros: CometD has been around for years and WebSockets didnt even make the HTML5 ﬁnal cut. Nuff said!

A Web SocketsPros: CometD has been around for years and WebSockets didnt even make the HTML5 ﬁnal cut. Nuff said!Cons:

A Web SocketsPros: CometD has been around for years and WebSockets didnt even make the HTML5 ﬁnal cut. Nuff said!Cons: None! It rocks!

Web Audio API

Web Audio API Generate sound effects and tones, even voice simulations. Modify sound ﬁles.

Web Audio API Generate sound effects and tones, even voice simulations. Modify sound ﬁles. Chrome and Firefox have the only implementations.

Web Audio API Generate sound effects and tones, even voice simulations. Modify sound ﬁles. Chrome and Firefox have the only implementations. Chrome and Firefox have different APIs.

Web Audio API

I (Inco mplete)Web Audio API

I (Inco mplete) Web Audio APIPros:

I (Inco Web Audio API mplete)Pros: Flash has the capability, but it’s API is even more raw than the W3C Audio Incubator Group spec.

I (Inco Web Audio API mplete)Pros: Flash has the capability, but it’s API is even more raw than the W3C Audio Incubator Group spec.Cons:

I (Inco Web Audio API mplete)Pros: Flash has the capability, but it’s API is even more raw than the W3C Audio Incubator Group spec.Cons: Would be a difﬁcult implementation with few real uses outside of gaming.

CSS3 Who doesn’t know what CSS3 is? DUH!! It’s HAWT

CSS3 Who doesn’t know what CSS3 is? DUH!! It’s HAWT Browser vendors moving WAY too slow on some of this.

CSS3 Who doesn’t know what CSS3 is? DUH!! It’s HAWT Browser vendors moving WAY too slow on some of this. How long do you need to agree on how to draw a gradient?

CSS3 Who doesn’t know what CSS3 is? DUH!! It’s HAWT Browser vendors moving WAY too slow on some of this. How long do you need to agree on how to draw a gradient? All those -moz, -webkit, etc preﬁxes are really bulking up and polluting my style sheets

CSS3 Pros:

CSS3 Pros: Less CSS helps with some problems

CSS3 Pros: Less CSS helps with some problems dojox.css3 transforms rock (Nicola Rizzo)

CSS3 Pros: Less CSS helps with some problems dojox.css3 transforms rock (Nicola Rizzo) has() can theoretically help with preﬁx trouble

CSS3 Pros: Less CSS helps with some problems dojox.css3 transforms rock (Nicola Rizzo) has() can theoretically help with preﬁx trouble Cons:

CSS3 Pros: Less CSS helps with some problems dojox.css3 transforms rock (Nicola Rizzo) has() can theoretically help with preﬁx trouble Cons: has() not helping with preﬁx trouble (where is it?)

CSS3 Pros: Less CSS helps with some problems dojox.css3 transforms rock (Nicola Rizzo) has() can theoretically help with preﬁx trouble Cons: has() not helping with preﬁx trouble (where is it?) Old-ass IE™ probably impeded proper CSS3 progress

C+CSS3

Audio Tag

Audio Tag Generate sound effects and tones, even voice simulations. Modify sound ﬁles.

Audio Tag Generate sound effects and tones, even voice simulations. Modify sound ﬁles. Audio is so 90s! Everyone wants VIDEO now!

Audio Tag Generate sound effects and tones, even voice simulations. Modify sound ﬁles. Audio is so 90s! Everyone wants VIDEO now! Firefox doesn’t even support MP3 (but they support WAV ﬁles... WTF??)

Audio Tag

Audio TagPros:

Audio TagPros: dojox.av.FLAudio plays MP3 ﬁles

Audio TagPros: dojox.av.FLAudio plays MP3 ﬁlesCons:

Audio TagPros: dojox.av.FLAudio plays MP3 ﬁlesCons: ...but it’s no where near HTML5 compliant!

F Audio Tag With the possibility of raising the gr if implemente 1.8! a de d inPros: dojox.av.FLAudio plays MP3 ﬁlesCons: ...but it’s no where near HTML5 compliant!

Video Tag

Video Tag Video is so hot, it’s insane.

Video Tag Video is so hot, it’s insane. Remember ? I work here

Video Tag Video is so hot, it’s insane. Open source (free) players are in large demand. Remember ? I work here

Video Tag Video is so hot, it’s insane. Open source (free) players are in large demand. Firefox doesn’t play MP4 ﬁles. Remember ? I work here

Video Tag Video is so hot, it’s insane. Open source (free) players are in large demand. Firefox doesn’t play MP4 ﬁles. Who loves OGG? Halla! Remember ? I work here

Video Tag Video is so hot, it’s insane. Open source (free) players are in large demand. Firefox doesn’t play MP4 ﬁles. Who loves OGG? Halla! Mozilla jacked with the fullscreen API crying “SECURITY!” Remember ? I work here

VideoIn progress!

VideoIn progress! A “super” video player that should handle most formats in most browsers

VideoIn progress! A “super” video player that should handle most formats in most browsers dojox.av.Video Normalized API HTML5 Silverlight Render Quicktime Flash

Video Tag

Video TagPros:

Video TagPros: I’m working on it, so it will be AWESOME!

Video TagPros: I’m working on it, so it will be AWESOME!Cons:

Video TagPros: I’m working on it, so it will be AWESOME!Cons: (to be filled out when I think of something)

N GVideo TagPros: I’m working on it, so it will be AWESOME!Cons: (to be filled out when I think of something)

N GVideo Tag “No gra de”, not “no go o d.”Pros: I’m working on it, so it will be AWESOME!Cons: (to be filled out when I think of something)

Final Grade

Final Grade B +

Final WordOur most precious commodity is...developer brain cells. - Kris Zyp

http://ivalmiki.com	271
http://www.ivalmiki.com	12
http://localhost	1

Dojo & HTML5

by Mike Wilcox on Sep 17, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 284

Statistics

Dojo & HTML5 — Presentation Transcript