Today is Sunday, 14th July 2024

How to Make a Live Webcam Green Screen Using HTML5


HTML5 is the future of web browsing. It is ridiculously flexible and allows you to do more things than you could ever imagine.

Even the classic video game DOOM was ported over to HTML5 (with a bit of JavaScript too). And it runs great in web browsers!

So HTML5’s coolness is even further reinforced when you see awesome creations being developed such as a HTML5 Webcam Green Screen.

This proof of concept (video below) uses HTML5’s GetUserMedia function to put it all together.

This is pretty cutting edge stuff — so not all browsers will support the same HTML5 functions just yet (I’m looking at you, IE!).

In fact, for the HTML5 Green Screen Demo Page you will want to use Opera 12+ to view it successfully.

When all browsers are caught up in the world of HTML5 though, then this won’t be the case.

From one geek to another, let’s just put it as this: HTML5 is cool stuff!

1 Comment

  1. Comments  MaximumFrags   |  Thursday, 25 October 2012 at 10:24 AM

    Now THIS is why I love HTML5, this gave me an awesome boner!

Leave a Reply


Affiliate Articles:

Amazon Deals