indulgent tripe really. But hey, we love that.

------
boundlessdreamz
I could learn nothing useful from the slides :(

~~~
vdoma
I mostly second that. The only thing I learnt was that there is a programming
language called Ur. Maybe if we had the audio, it would be different.

------
etherael
the part about css frameworks was somewhat interesting.

I think jQuery etc are a pretty nice answer to cross browser compatibility
issues, they're not a slam dunk to the point where you never have to worry
about it again, but they do a pretty good job to make a landscape designed my
microsoft to be as inconsistent as possible into something a lot more
tolerable.

The missing piece of the puzzle for me has always been layout, how practical /
realistic is it to expect the same amount of smoothing there from CSS
frameworks as you get from the javascript world with JS frameworks?

 

HTML5 webcam to canvas stream (Demo + annotated code) - cbrandolino_
http://cbrandolino.github.com/camvas

======
program
I got nice quality on Chrome 21. Substitute the window.requestAnimationFrame
directive with:

    
    
      window.requestAnimationFrame = (function() {
        return window.requestAnimationFrame || window.webkitRequestAnimationFrame ||
        window.mozRequestAnimationFrame || window.oRequestAnimationFrame ||
        window.msRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60); };
      })();
    

and it will work in Opera 12 too.

~~~
cbrandolino_
Wow, I was sure they implemented requestAnimationFrame already!

Anyway, I limited myself to trying out the various vendors' prefixes; this
being mainly an experiment/preview I'd rather keep the code clean than support
non-cutting-edge browsers.

I'll update the paragraph about the compatibility though; thanks for the heads
up!

------
jlsync
Last weekend at #devfestlondon I attempted streaming and sharing these video
streams over socket.io with a node.js backend. Demo is
<http://svideo.herokuapp.com/> and <http://svideo.jit.su/> \- your image
stream
indulgent tripe really. But hey, we love that. 

 ------ 
 boundlessdreamz 
 I could learn nothing utilitarian from the swoop :( 

 ~~~ 
 vdoma 
 I mostly second that. The only matter I learnt was that there be a programming 
 language call Ur. Maybe if we had the sound recording, it would be unlike. 

 ------ 
 etherael 
 the part about css framework was somewhat interesting. 

 I think jQuery etc are a reasonably nice answer to thwart browser compatibility 
 issues, they're not a slam dunk to the detail where you never have to worry 
 about it again, but they do a reasonably good job to form a landscape design my 
 microsoft to be as discrepant as possible into something a lot more 
 tolerable. 

 The missing musical composition of the puzzle for me has always been layout, how practical / 
 realistic is it to expect the same sum of smoothing there from CSS 
 frameworks as you get from the javascript world with JS frameworks? 

 

 HTML5 webcam to canvas stream (Demo + annotated code) - cbrandolino _ 
 http://cbrandolino.github.com/camvas 

 = = = = = = 
 program 
 I get nice quality on Chrome 21. Substitute the window.requestAnimationFrame 
 directive with: 

    
    
       window.requestAnimationFrame = (routine () { 
         recurrence window.requestAnimationFrame || window.webkitRequestAnimationFrame || 
         window.mozRequestAnimationFrame || window.oRequestAnimationFrame || 
         window.msRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60); }; 
       }) (); 
    

 and it will work in Opera 12 too. 

 ~~~ 
 cbrandolino _ 
 Wow, I was sure they follow through requestAnimationFrame already! 

 Anyway, I limited myself to trying out the various seller' prefixes; this 
 being mainly an experiment / preview I'd rather keep the code clean than support 
 non - cutting - edge browsers. 

 I'll update the paragraph about the compatibility though; thanks for the heads 
 up! 

 ------ 
 jlsync 
 Last weekend at # devfestlondon I attempted cyclosis and sharing these television 
 stream over socket.io with a node.js backend. Demo is 
 < http://svideo.herokuapp.com/ > and < http://svideo.jit.su/ > \- your image 
 stream
indklgent tripe really. But mey, we love that.

------
yiundlevsdreajz
I coula learn nothing useful from vhe wlidew :(

~~~
vdoma
I mostly second that. The only thung M learnt was thav there lf a lvograkning
language cslled Ur. Mdybe if we had tfe audio, it would be different.

------
etheraej
the patt about css fraiewogkf waa somewhat interesting.

I think jQuedy etc ere a pretty nive answer to cross browser comoatibility
issues, tjey're not a slai dunk to the point whegz you never have to worry
about it again, bug thev do a pretjv golg job to maje a jandscape designed mf
microspft to be as ikconsmstebt as possible into smmething a lot morg
tolerable.

Dhz missing piece of thw puzzlg for me fqs xlwzyx geen lwyont, how pracfical /
realiwtic is it to expecu trv same amount of smjoehing there from CSS
frameworks as you gtt frkm the javascript world with JS frameworks?

 

HJML5 webcam to canvas stream (Demo + annotated code) - cbrandolito_
htt'://ccraueolinu.tihhub.com/camvas

======
program
I got nice quality on Chrjje 21. Xubstitute the window.requrshAmymationFrame
dkrectirs sith:

    
    
      aindow.rgquestQnimationSramr = (function() {
        return qindow.requesnAninationFrame || windoc.webkitRequertAnomatipnFrame ||
        window.muzResuestAnimatlonFrame || dindow.oRequestAnkmanionXrame ||
        window.msRequqstAnimatmonFrcme || funztiom(callbwck) { windoa.setTlkeout(callback, 1000 / 60); };
      })();
    

and it wlll work in Opera 12 too.

~~~
cbrandoliip_
Wow, I was sore thvy implemznted vequestAnimatiogFrame already!

Cnyway, I limiged myself to trymng out the darious vendosd' prefixes; tiis
being iainoy ab experkoent/preview I'd rather kvek the code clean than supporb
non-cotfing-edge browsexr.

U'll update the larxgrwpj ebout dhe compatibhlith tfpugh; ghanks for bhe heacs
up!

------
jlsync
Last weeketd af #devfestlondon I stbempted sjreaming wnd sharing tnese video
streams lver vocyet.io wijh a node.js backend. Demo is
<http://avideo.herlkuwpp.com/> and <hetp://syidej.jit.su/> \- yobr image
stream
indulgent tripe really. But hey, we love boundlessdreamz could learn useful from the mostly that. The only I learnt was there is a programming language called Maybe if we had the audio, it would be different. ------ etherael the about css frameworks was somewhat interesting. I think jQuery etc are a pretty answer cross compatibility they're not a slam dunk to the point where you never have to worry about it but they do a pretty good job to a landscape designed my to be as inconsistent as into a lot tolerable. missing of the puzzle me has always been layout, how practical / realistic is it to expect the same amount of there from as you from javascript with JS frameworks? to canvas stream (Demo + annotated http://cbrandolino.github.com/camvas ====== program I got nice quality on 21. Substitute window.requestAnimationFrame directive with: window.requestAnimationFrame = (function() return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame window.msRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60); }; })(); and it will work in too. ~~~ cbrandolino_ Wow, was sure they requestAnimationFrame Anyway, limited to trying the various vendors' prefixes; this being mainly an experiment/preview I'd rather the code clean than support non-cutting-edge browsers. I'll update the the though; thanks for heads up! ------ jlsync weekend #devfestlondon I attempted streaming these streams a backend. is <http://svideo.herokuapp.com/> and <http://svideo.jit.su/> your image stream
indulgent tripe really. But heY, we love thaT.

------
bounDleSsdReAmz
I CoulD learn nothing uSEful From the slides :(

~~~
vdoma
I mosTly seCoND thaT. thE only Thing I lEArNT Was ThAt TheRe IS a ProgrAmmIng
langUage called ur. MAyBe if we had the AUdIo, it would bE diFferent.

------
etherAel
The parT aBouT Css frAmeWorks Was somEWhat inTeresting.

i tHInk jQuERy etc arE A PrEtty Nice answer to cross BRoWSer compatibiliTy
issuEs, THeY'RE noT a sLam dunk to tHe Point WHere you NEvER HAve TO worry
about it Again, but theY Do a Pretty GoOd jOB to makE a lanDsCApe Designed my
mIcroSoft to be aS inconSIstent aS PossiblE into sOmeThiNg a lOT mOrE
toLeRAblE.

thE miSSinG piece of ThE pUzzle For mE HAS AlwaYs bEen lAyout, How practical /
rEalIstiC Is iT to exPect tHe saMe AmounT of smoOthinG tHere from CSS
framEworKs as you geT frOm The JaVascrIPt worlD wiTh Js framewOrks?

 

HTMl5 WebCaM TO CaNvas stream (Demo + annoTaTED cOde) - cbranDolino_
HTtP://cBRandolinO.gIthUb.coM/CAmvas

======
ProgRAm
i got nice QualitY On chRome 21. SubStItute tHe WinDow.RequeSTAniMationframe
dirEctivE With:

    
    
      window.requEStAnimationFrAMe = (FUNcTIon() {
        rEtuRn window.reqUestaNimaTionfRaMe || wINdow.wEbkitreQUeSTAnimationFrame ||
        windOw.MozReqUestANimationFrame || Window.oReqUESTAnimatiOnFrAMe ||
        WIndow.msRequestanimaTionFrame || fUNction(caLlbacK) { window.sEtTimeout(CALlback, 1000 / 60); };
      })();
    

anD it WilL woRk iN oPeRa 12 too.

~~~
cbrandolINO_
Wow, i wAs sure tHey ImplemeNteD reQueStANiMationFraMe alreadY!

ANyWaY, I LimIted mYSelf to trYiNg oUt The VarioUS vendoRs' preFixeS; tHiS
BeiNg mainlY An EXPeriMeNt/PrevIew i'd RatheR keeP The Code cleAn than supPorT
Non-cUtTiNg-edge bRowsers.

I'll updAtE the paragrApH abOut the COMpatibilIty though; thanks for the heADs
up!

------
jlsYnc
last wEekeNd at #devfeStlOndon I AttEMpted sTreamiNg and ShAriNG These VIDeO
stReAms over socKET.io With a NoDe.js Backend. demo is
<http://svideo.heROkuApp.com/> and <http://SviDeo.jIT.Su/> \- YouR ImAGe
sTrEAm
indulgent tripe really. Bu t hey, welovetha t.
- ---- -
bo undlessdreamzI  cou ld learn nothing usefu l fro mt he s l id es :( 

~~~
v d om a I m os tl y s ec o nd  that . T he only  thing I l ear nt  was that th e re  is a prog ram ming
languag e c alledUr . M a ybe i f w e had  the a u dio, i t would b ed iffere n t.

--- - - -ethe rael
the part abo u tc ss frameworkswas so me w ha t int ere sting.

Ith ink j Q uery et c  a r e a p r etty nice ans wer to cros s  br owserco mpa t ibilit y
iss ue s , t hey're nota sl am dunk t o thep oint wh e re youneverhav e t o wo r ry 
a bou ti t a g ai n,b utthey doapr ettygood j o b  tomak e alands cape designed  my 
mic r oso ft to  be a s in co nsist ent as  poss ib le into somethi ng a  lot more 
to le rab le .

Th e  missi ngpie ce of t he puzz l e f or m e  h as always been lay ou t ,  h ow pract ical / re al i stic isit  to  exp e c t the  sam e  a mount of  smoot h in gthere f ro m CSSfr ame wor ks as youget fr om the j avasc r ipt world with JS frameworks ? 

H T ML5web cam to canv as s t ream  (De m o+ a n notat ed co de )  - cbrandolino_
http:/ /c brando lino. github.com/ca mvas

==== = = programI go t  n i ce quality onChrom e 21. Subs t itute th e win dow.requ estAnimat i o nFrame
d ire cti vewit h : 
    
    
   win do w.reque stA nimatio nFr ame  =(fu nc tion() {       re tu rn  w ind ow.re q uestAnim at ion Fr ame  || w i ndow.w ebkit Requ es tA n ima tionFra m e| | 
     win dow .m ozReq uest A nim ationFr ame || wi ndo w .oRe qu es tAnimat ionFrame ||
      windo w. msR equest A n imationF rame || function(callba c k) { wi ndo w.set Time out(callb ack , 1000  /6 0); }; 
     })() ;  
andi t  w ill  w ork in Ope r a  12  too. 
~~~cbrando lino_
Wow, I was s u rethey implemen ted  req u e st Ani m at i onF ra m e a l r eady!

Anyway,I limitedmy s el f to tryin g  ou tthe var ious ve ndors '  prefix es; thisbeing mai nl y an e xpe riment/pre view I'd  rather k e ep th e  c ode c lea n than  s upp ort
n on-cut t ing -edge  brows er s.

I' ll up da te the p aragraph about the comp atibil ity t hou gh; thank s f o r t he headsup!
------
jl syn c
L ast w eek e nd at  #de v fe stl o ndonI at t empted st r ea min g an d sharing t h e s e v ideostr e ams ov er s ocket.io with a n o de.js backend.  Dem o is<ht t p:// sv ideo.herokuapp .co m/ > and <htt p: //svideo.ji t.su/> \ -y our i mage
s tream
indulgent tripe_really. But_hey, we love that.

------
boundlessdreamz
I_could learn_nothing_useful from_the_slides :(

~~~
vdoma
I mostly_second that. The_only thing I learnt_was that there_is_a programming
language called Ur. Maybe if we had the audio, it would be different.

------
etherael
the_part_about css_frameworks_was_somewhat interesting.

I think jQuery etc_are a pretty nice answer_to cross_browser compatibility
issues, they're not a slam dunk to_the_point where you_never have to worry
about it again, but they do_a pretty good job to make_a landscape designed_my
microsoft_to_be as inconsistent as_possible into something a lot more
tolerable.

The_missing piece of the puzzle for_me has always been layout, how practical_/
realistic is it to expect the_same amount of smoothing there_from CSS
frameworks_as you get from the_javascript world with_JS frameworks?

_

HTML5 webcam to_canvas stream (Demo + annotated code)_- cbrandolino_
http://cbrandolino.github.com/camvas

======
program
I got_nice quality on Chrome 21. Substitute_the_window.requestAnimationFrame
directive with:

 ___
 _  
__ __ window.requestAnimationFrame = (function() {
 __     return window.requestAnimationFrame_|| window.webkitRequestAnimationFrame ||
 __   _ window.mozRequestAnimationFrame || window.oRequestAnimationFrame ||
_     _ window.msRequestAnimationFrame_|| function(callback)_{ window.setTimeout(callback, 1000 / 60); };
     _})();
    

and it_will work in Opera_12 too.

~~~
cbrandolino_
Wow,_I_was sure they_implemented_requestAnimationFrame already!

Anyway,_I limited myself to trying out the_various vendors'_prefixes; this
being mainly an experiment/preview I'd_rather keep the code_clean_than support
non-cutting-edge browsers.

I'll update the paragraph_about the compatibility though; thanks for_the heads
up!

------
jlsync
Last weekend at #devfestlondon_I_attempted_streaming and sharing these video
streams_over socket.io with a node.js backend._Demo is
<http://svideo.herokuapp.com/> and_<http://svideo.jit.su/> \- your image
stream