我正在尝试构建一个可以访问我的网络摄像头的简单网页,并且能够广播从网络摄像头拍摄的视频。

我是html5的新手,我想是一个复杂的任务,可以从头开始构建这样的网页。我只想要一些经验丰富的HTML5开发人员向我提供一些起点,也许在这件事上有一些教程。

有帮助吗?

解决方案

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

其他提示

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?

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)

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.

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top