How to broadcast video from a webcam using Html5?

I am trying to create a simple web page that has access to my webcam and can broadcast video captured from my webcam.

I am new to Html5 and I believe that the challenge is to create such a web page from scratch. I just want some experienced Html5 developers to give me some starting point, maybe some tutorials on this.

+8
html5 html5-video broadcast webrtc webcam
source share
4 answers

Native (non-Flash) access to webcams and microphones in Chrome, demonstrated on YouTube by Paul Kinlan (Google):

And check it out too: Hands: creating HTML5 photo paper with the new Chrome webcam API

+3
source share

There is no HTML5 yet. You will need to use some kind of browser plugin like flash.

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

0
source share

WebRTC broadcast does not match according to this Google Developers Video .

What can you do:

  • Share your screen

  • Share static content (e.g. images, files, etc.) using DataChannels

  • Connect to a group of people or individuals and share your streams (audio + video)

0
source share

Make sure your webcam is behind software that can transmit H264 via HTTP (see w3schools.com or so) and use <video> and point it to your PC (open ports if you are behind NAT, common - 8080 but it depends on your streaming software).

Point the source tag (NOT SRC in the video tag, some browsers hate this) on the external IP address and port.

-2
source share

All Articles