10

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.

ZygD
  • 22,092
  • 39
  • 79
  • 102
yildirimyigit
  • 3,013
  • 4
  • 25
  • 35
  • Does "New to HTML5" == "New to HTML"? Tutorials for specifically the HTML5 – stommepoes Feb 29 '12 at 20:34
  • "not yet" part was enough for me. Thanks. – yildirimyigit Feb 29 '12 at 20:47
  • Bah, people who want to get around these, mix technologies. Flash streams, and if you want broad video you'll have Flash as a fallback in an who is child of – stommepoes Feb 29 '12 at 20:51
  • Any update on this? – Costa Michailidis Jun 26 '19 at 15:56

4 Answers4

4

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

Lloyd
  • 8,204
  • 2
  • 38
  • 53
1

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?

Community
  • 1
  • 1
cupcakes4life
  • 59
  • 3
0

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)

Muaz Khan
  • 7,138
  • 9
  • 41
  • 77
-2

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.

ZygD
  • 22,092
  • 39
  • 79
  • 102
Martijn
  • 1