HTML5, Video, Canvas, and Ext JS http://www.sencha.com/blog/html5-video-canvas-and-ext-js HTML5 is coming. All of us at Ext are excited to embrace the new standard as it gains acceptance. This post will examine two notable HTML5 developments – Video and Canvas. The video tag allows for native video rendering, removing the current need for third-party plugins like Flash. Likewise, the canvas tag has a clean yet very powerful API allowing you to draw complex graphics at the pixel level. en-us xantus@xantus.org Copyright 2010 2010-01-14T12:53:08+00:00 Comment by frank Hi, my Chinese translation to this article at: http://blog.csdn.net/zhangxin09/article/details/5192428 Hi, my Chinese translation to this article at: http://blog.csdn.net/zhangxin09/article/details/5192428

]]> Sun, 07 Aug 2011 10:42 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:24983#date:10:42 Comment by Canvas Prints Interesting read - HTML5 is now becoming more prominent but it’s good to look back at older discussions to see how it is changing over a period of time Interesting read - HTML5 is now becoming more prominent but it’s good to look back at older discussions to see how it is changing over a period of time smile

]]> Fri, 22 Jul 2011 11:45 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:24362#date:11:45 Comment by Irish Fell out of bed feeinlg down. This has brightened my day! Fell out of bed feeinlg down. This has brightened my day!

]]> Wed, 01 Jun 2011 16:52 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:22197#date:16:52 Comment by Sonia Where can I find the full doc about Ext Canvas? Where can I find the full doc about Ext Canvas?

]]> Sun, 09 Jan 2011 01:18 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15202#date:01:18 Comment by ExtJsDev Which release of ExtJs has the HTML5 support? Does it takes of cross-browser issues? Which release of ExtJs has the HTML5 support?
Does it takes of cross-browser issues?

]]> Fri, 15 Oct 2010 18:40 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15201#date:18:40 Comment by kapadokya very good blog thanks for web.. very good blog thanks for web..

]]> Thu, 22 Jul 2010 16:44 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15200#date:16:44 Comment by HTML5videoWanted Nice! Actually we are $ offering $ a contract for setting up HTML5 live video streaming. Anyone interested? Check out http://www.marss.co.uk/html5video Nice!
Actually we are $ offering $ a contract for setting up HTML5 live video streaming. Anyone interested? Check out http://www.marss.co.uk/html5video

]]> Fri, 11 Jun 2010 16:01 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15199#date:16:01 Comment by Bakugan Toys man thanks for this info! man thanks for this info!

]]> Thu, 03 Jun 2010 06:53 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15198#date:06:53 Comment by Offer wrist watches thank you for share with us thank you for share with us

]]> Mon, 31 May 2010 02:58 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15197#date:02:58 Comment by Jeux de foot Before to begin Html 5 features, please correct the Html 4 bugs. ExtJs have a lot of memory leak problems never solved with browser (most with firefox), If we add graphicals and videos functions, computers will burn alone without these corrections. Before to begin Html 5 features, please correct the Html 4 bugs.
ExtJs have a lot of memory leak problems never solved with browser (most with firefox),
If we add graphicals and videos functions, computers will burn alone without these corrections.

]]> Sun, 23 May 2010 17:35 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15194#date:17:35 Comment by car wallpaper Very nice use of Ext to demonstrate its beauty. Very nice use of Ext to demonstrate its beauty.

]]> Sat, 22 May 2010 06:44 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15193#date:06:44 Comment by online review ExtJs have a lot of memory leak problems never solved with browser (most with firefox), If we add graphicals and videos functions, computers will burn alone without these corrections. ExtJs have a lot of memory leak problems never solved with browser (most with firefox),
If we add graphicals and videos functions, computers will burn alone without these corrections.

]]> Sat, 22 May 2010 06:42 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15192#date:06:42 Comment by Technology meets news Good one there Ext. Just one preoccupation: Does the Video Window also found in GXT? Good one there Ext. Just one preoccupation: Does the Video Window also found in GXT?

]]> Sat, 22 May 2010 06:39 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15191#date:06:39 Comment by danielgos This is really some seriously awesome stuff - think it will work well for my project This is really some seriously awesome stuff - think it will work well for my project

]]> Wed, 12 May 2010 22:18 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15190#date:22:18 Comment by dfgdgdfgdfgdfg quiero guardar una direccion en la bd pero no me guarda nada y cuando actualizo ejm: c:\nuevacarpeta\ pero en la bd se actualiza de esa forma c:nuevacarpeta quiero guardar una direccion en la bd pero no me guarda nada
y cuando actualizo
ejm:

c:\nuevacarpeta\
pero en la bd se actualiza de esa forma
c:nuevacarpeta

]]> Thu, 06 May 2010 17:16 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15189#date:17:16 Comment by Dave I’m curious how Adobe will deal with the great HTML5 possibilities. Right now it looks like they want to keep the Flash, but at the end they have to switch too HTML5, I guess. I’m curious how Adobe will deal with the great HTML5 possibilities. Right now it looks like they want to keep the Flash, but at the end they have to switch too HTML5, I guess.

]]> Wed, 05 May 2010 14:13 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15188#date:14:13 Comment by efsiken Good one there Ext. Just one preoccupation: Does the Video Window also found in GXT? Good one there Ext. Just one preoccupation: Does the Video Window also found in GXT?

]]> Thu, 08 Apr 2010 13:33 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15187#date:13:33 Comment by Animal @Dantel (both versions) Size is undefined at the onRender lifecycle point. You code will have no effect. The Video element size is synched on the onResize template method which is called upon a BoxComponent (or subclass thereof) on resize. @Dantel (both versions)

Size is undefined at the onRender lifecycle point. You code will have no effect.

The Video element size is synched on the onResize template method which is called upon a BoxComponent (or subclass thereof) on resize.

]]> Wed, 31 Mar 2010 09:15 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15186#date:09:15 Comment by oya-dantel Nice one Will this be avaible in EXT GWT? Nice one
Will this be avaible in EXT GWT?

]]> Sun, 14 Mar 2010 11:07 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15185#date:11:07 Comment by Dantel Örnekleri /* match the video size to the panel dimensions */   var size = this.getSize();   var cfg = Ext.copyTo({     tag   : ‘video’,     width : size.width,     height: size.height   },   this, ‘poster,start,loopstart,loopend,playcount,autobuffer,loop’);   /* just having the params exist enables them */ /* match the video size to the panel dimensions */
  var size = this.getSize();

  var cfg = Ext.copyTo({
    tag   : ‘video’,
    width : size.width,
    height: size.height
  },
  this, ‘poster,start,loopstart,loopend,playcount,autobuffer,loop’);

  /* just having the params exist enables them */

]]> Sun, 14 Mar 2010 11:04 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15184#date:11:04 Comment by Dantel Modelleri ...   /* match the video size to the panel dimensions */   var size = this.getSize();   var cfg = Ext.copyTo({     tag   : ‘video’,     width : size.width,     height: size.height   },   this, ‘poster,start,loopstart,loopend,playcount,autobuffer,loop’);   /* just having the params exist enables them */ ... ...
  /* match the video size to the panel dimensions */
  var size = this.getSize();

  var cfg = Ext.copyTo({
    tag   : ‘video’,
    width : size.width,
    height: size.height
  },
  this, ‘poster,start,loopstart,loopend,playcount,autobuffer,loop’);

  /* just having the params exist enables them */
...

]]> Sun, 14 Mar 2010 11:04 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15183#date:11:04 Comment by H?zl? Zay?flama ExtJs have a lot of memory leak problems never solved with browser (most with firefox), If we add graphicals and videos functions, computers will burn alone without these corrections. ExtJs have a lot of memory leak problems never solved with browser (most with firefox),
If we add graphicals and videos functions, computers will burn alone without these corrections.

]]> Sun, 14 Mar 2010 11:01 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15182#date:11:01 Comment by Zay?flama html5/css3 is a great promise but how long will it take before we can be sure all our surfers can see it? As a part of HTML5, the element can be customized and manipulated with CSS and JavaScript, giving us a great deal of control over how the video is presented to the user. With a little imagination we can create useful components, in this example we’ll create a “live video” thumbnail: html5/css3 is a great promise but how long will it take before we can be sure all our surfers can see it?

As a part of HTML5, the element can be customized and manipulated with CSS and JavaScript, giving us a great deal of control over how the video is presented to the user. With a little imagination we can create useful components, in this example we’ll create a “live video” thumbnail:

]]> Sun, 14 Mar 2010 11:01 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15181#date:11:01 Comment by Diyet As a part of HTML5, the element can be customized and manipulated with CSS and JavaScript, giving us a great deal of control over how the video is presented to the user. With a little imagination we can create useful components, in this example we’ll create a “live video” thumbnail: As a part of HTML5, the element can be customized and manipulated with CSS and JavaScript, giving us a great deal of control over how the video is presented to the user. With a little imagination we can create useful components, in this example we’ll create a “live video” thumbnail:

]]> Sun, 14 Mar 2010 11:00 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15180#date:11:00 Comment by t-shirts html5/css3 is a great promise but how long will it take before we can be sure all our surfers can see it? they just started to bury ie6 now, and looks like eternity until all surfers will be able to read html5/css3 html5/css3 is a great promise but how long will it take before we can be sure all our surfers can see it?
they just started to bury ie6 now, and looks like eternity until all surfers will be able to read html5/css3

]]> Fri, 12 Mar 2010 02:42 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15179#date:02:42 Comment by Lucas Before to begin Html 5 features, please correct the Html 4 bugs. ExtJs have a lot of memory leak problems never solved with browser (most with firefox), If we add graphicals and videos functions, computers will burn alone without these corrections. Before to begin Html 5 features, please correct the Html 4 bugs.
ExtJs have a lot of memory leak problems never solved with browser (most with firefox),
If we add graphicals and videos functions, computers will burn alone without these corrections.

]]> Tue, 02 Feb 2010 16:57 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15178#date:16:57 Comment by Webstandard-Blog HTML5 and CSS3 is going to be the future and I hope Microsoft is going to implement more of that Webstandard into the IE9! HTML5 and CSS3 is going to be the future and I hope Microsoft is going to implement more of that Webstandard into the IE9!

]]> Wed, 27 Jan 2010 09:41 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15177#date:09:41 Comment by David Davis Here actually: http://www.extjs.com/forum/showthread.php?t=90379 Here actually: http://www.extjs.com/forum/showthread.php?t=90379

]]> Fri, 22 Jan 2010 23:30 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15176#date:23:30 Comment by David Davis Animal has posted an updated version of this over on the forums: http://www.extjs.com/forum/showthread.php?p=430137 Animal has posted an updated version of this over on the forums: http://www.extjs.com/forum/showthread.php?p=430137

]]> Fri, 22 Jan 2010 23:28 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15175#date:23:28 Comment by kapadokya Very nice use of Ext to demonstrate its beauty. Very nice use of Ext to demonstrate its beauty.

]]> Fri, 22 Jan 2010 14:15 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15174#date:14:15 Comment by mich This is genius stuff, incredible how little code it takes This is genius stuff, incredible how little code it takes

]]> Fri, 22 Jan 2010 12:05 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15173#date:12:05 Comment by luther.deng thank you Ext, and just go on please! thank you Ext, and just go on please!

]]> Fri, 22 Jan 2010 03:05 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15172#date:03:05 Comment by Floris de Haes Very nice use of the new HTML5 features. Looking forward to the day where we can leverage all these new capabilities without some browers (IE…) holding us back. Very nice use of the new HTML5 features. Looking forward to the day where we can leverage all these new capabilities without some browers (IE…) holding us back.

]]> Wed, 20 Jan 2010 09:56 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15171#date:09:56 Comment by HTML5, Video, Canvas e ExtJS [...] Link do post no fórum oficial: http://www.extjs.com/blog/2010/01/14/html5-video-canvas-extjs/ [...] [...] Link do post no fórum oficial: http://www.extjs.com/blog/2010/01/14/html5-video-canvas-extjs/ [...]

]]> Tue, 19 Jan 2010 20:15 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15170#date:20:15 Comment by frank I pick up this url from Ajaxian.com, the title is “Flash 11 should be a switch to JavaScript” http://thebackbutton.com/blog/93/flash-11-should-be-a-switch-to-javascript/ I pick up this url from Ajaxian.com, the title is “Flash 11 should be a switch to JavaScript”
http://thebackbutton.com/blog/93/flash-11-should-be-a-switch-to-javascript/

]]> Sun, 17 Jan 2010 10:32 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15169#date:10:32 Comment by A live video tool tip showcase of HTML5 video, can [...] Davis of Ext doesn’t just have a cool name. He does cool stuff His latest post explains a showcase of melding HTML5 video and canvas support as he creates a live video [...] [...] Davis of Ext doesn’t just have a cool name. He does cool stuff His latest post explains a showcase of melding HTML5 video and canvas support as he creates a live video [...]

]]> Sun, 17 Jan 2010 08:56 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15168#date:08:56 Comment by Peter Thomas Check out the TinyOgg project, it exposes YouTube videos as Ogg: http://www.fsf.org/blogs/community/tinyogg Die Flash Die. Check out the TinyOgg project, it exposes YouTube videos as Ogg:

http://www.fsf.org/blogs/community/tinyogg

Die Flash Die.

]]> Fri, 15 Jan 2010 10:25 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15167#date:10:25 Comment by frank ext???HTML5??????4.0???????? ????????????????? ???HTML5???Video/Canvas/Ext JS? http://blog.csdn.net/zhangxin09/archive/2010/01/15/5192428.aspx ext???HTML5??????4.0????????
?????????????????
???HTML5???Video/Canvas/Ext JS?
http://blog.csdn.net/zhangxin09/archive/2010/01/15/5192428.aspx

]]> Fri, 15 Jan 2010 02:05 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15166#date:02:05 Comment by Henry D Very nice use of Ext to demonstrate its beauty. Very nice use of Ext to demonstrate its beauty.

]]> Thu, 14 Jan 2010 22:34 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15165#date:22:34 Comment by Walther This is genius stuff, incredible how little code it takes This is genius stuff, incredible how little code it takes

]]> Thu, 14 Jan 2010 18:51 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15164#date:18:51 Comment by Tweets that mention HTML5, Video, Canvas, and Ext [...] This post was mentioned on Twitter by Dion Almaer, Pinceladas da Web, Ext JS, Shea Frederick, gil @ blueclock and others. gil @ blueclock said: RT @dalmaer: ExtJS has a nice piece on the support for HTML5 video and canvas. "live video" thumbnail http://bit.ly/5ydi5z [...] [...] This post was mentioned on Twitter by Dion Almaer, Pinceladas da Web, Ext JS, Shea Frederick, gil @ blueclock and others. gil @ blueclock said: RT @dalmaer: ExtJS has a nice piece on the support for HTML5 video and canvas. "live video" thumbnail http://bit.ly/5ydi5z [...]

]]> Thu, 14 Jan 2010 17:41 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15163#date:17:41 Comment by Elvin Nice one Will this be avaible in EXT GWT? Nice one
Will this be avaible in EXT GWT?

]]> Thu, 14 Jan 2010 14:53 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15162#date:14:53 Comment by jaranza EXTJS Rocks !!! EXTJS Rocks !!!

]]> Thu, 14 Jan 2010 11:16 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15161#date:11:16 Comment by VitaminJeff™ Good stuff! HTML5 FTFW! Good stuff! HTML5 FTFW! smile

]]> Thu, 14 Jan 2010 10:37 GMT http://www.sencha.com/blog//html5-video-canvas-and-ext-js#id:15160#date:10:37