How do I broadcast video from my webcam with Html5? [closed]

Question

I am trying to build a simple web page that has access to my webcam and is able to broadcast the video taken from my webcam.

I am new to Html5 and I suppose that it is a complex task to build such a web page from scratch. I just want some experienced Html5 developers to provide me with some starting point, maybe some tutorials in this matter.

Answer 1

Native (not Flash) Webcam and Microphone access in Chrome, demonstrated on YouTube by Paul Kinlan (Google):

And check this out too: Hands on: building an HTML5 photo booth with Chrome's new webcam API

Answer 2

Not possible in HTML5 yet. You would need to use some sort of browser plugin like flash.

See this question: What's the status of the HTML 5 <video> tag and webcam integration?

Answer 3

Broadcasting in WebRTC is not yet possible according to this Google Developers Video.

What you can do:

1. Share your screen

2. Share static stuff (e.g. images, files, etc.) via DataChannels

3. Connect with group of people or individual and share your streams(audio + video)

Answer 4

Make sure your webcam is behind software that can stream H264 over HTTP (look up at w3schools.com or so) and use the <video> tag and point it to your PC (open ports if you are behind NAT, common is 8080 but that is depending on your streaming software).

Point the source tag (NOT SRC in the video tag, some browsers hate that) to your external IP and port.