HTML5 webcam to canvas stream (Demo + annotated code) • Hacker News Board

Re: HTML5 webcam to canvas stream (Demo + annotated code)

#21

Post by dkroy » Wed, Sep 19, 2012, 1:17 PM UTC

Really cool, keep up the good work. It works in Google Chrome 21.0.1180.89, on Windows 7 just fine.

Re: HTML5 webcam to canvas stream (Demo + annotated code)

#22

Post by drivebyacct2 » Wed, Sep 19, 2012, 1:21 PM UTC

cbrandolino_ wrote: post #3

ionwake wrote: post #2

the FPS are really low - is there a way to improve that?

I'm afraid it depends on the browser implementation. It works fine on Chrome 12 odd on linux, with all hardware accelerations activated under chrome://flags/

Chrome 12? Where do you even get that? I'm on Chrome 23.

Re: HTML5 webcam to canvas stream (Demo + annotated code)

#23

Post by cbrandolino_ » Wed, Sep 19, 2012, 1:30 PM UTC

cbrandolino_ wrote: post #18

jayniz wrote: post #14

SLOW CLAP

Oh you! Can you suggest a gif? ^^

Uh, from the downvotes I gather that was inappropriate. Sorry; I'm completely new to HN.

Anyway the backstory is that me and jayniz used to work together, and he usually adds a gif to each of his readme files.

Re: HTML5 webcam to canvas stream (Demo + annotated code)

#24

Post by jlsync » Wed, Sep 19, 2012, 1:31 PM UTC

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 is shared on the internet.

Re: HTML5 webcam to canvas stream (Demo + annotated code)

#25

Post by ukc » Wed, Sep 19, 2012, 4:43 PM UTC

jlsync wrote: post #24

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 is shared on the internet.

Looking forward to seeing more projects like these - is the heroku app open source?

Re: HTML5 webcam to canvas stream (Demo + annotated code)

#26

Post by se85 » Fri, Sep 21, 2012, 2:59 PM UTC

franze wrote: post #19

se85 wrote: post #15

Earlier quoted context omitted.

You can't really call it cross browser when it doesn't support browsers that don't have getUserMedia. You had me excited for a second there because something like this with a flash fallback mechanism would be really, really useful.

addy osmani has coded https://github.com/addyosmani/getUserMedia.js which has a flash fallback, but the thing is that the flash fallback still needs you to implement a complete different logic then getUserMedia, so it's far from a perfect solution. i raised the issue here https://github.com/addyosmani/getUserMedia.js/issues/2#issue... (and suggested a possible solution), but for this we would need the help of a flash…

That's great, I might actually be able to use this to significantly improve a certain project I am working on.

It would be really nice to have it using the same API, but yeah, it would be really tricky to actually pull it off.

Then again, I heard about gifsockets (http://github.com/videlalvaro/gifsockets) earlier today, so I guess anything is possible!