Skip to content Skip to sidebar Skip to footer

Html 5 Streaming Webcam Video?

Is it currently possible to create a flash free live webcam chat with HTML5? If so, how can I go about doing this?

Solution 1:

Solution 2:

This is now possible in Chrome and Opera: filtering a webcam using getUserMedia and HTML5 canvas and will also soon be in Firefox (getUserMedia is currently in Firefox Nightly).

Solution 3:

Purely with HTML5, it's just not going to happen right now.

That said, you could theoretically do it without a flash bridge, but there'd be some requirements. As it is, there are some command-line utilities for Mac OS that capture images from the iSight camera and upload them to a web server. Grabbing the images, and optionally sound, you could redraw to a canvas element a few times a second for a low-grade camera. I won't begin to guess about pushing audio. Use an AJAX stream to maintain the connection, and continuously push the new images to the canvas as they're uploaded.

The real question becomes this: Is it worth it? According to Adobe, you might as well use a flash bridge. Unless, of course, you're intending iOS compatibility, which is a whole other ballgame on it's own.

Solution 4:

Pure HTML5 isn't quite there. Until then you can check out a few services that make this process much easier to deal with than setting up Flash Media Servers:

http://cameratag.com

http://framey.com

http://framebase.com

Post a Comment for "Html 5 Streaming Webcam Video?"