如何使用Html5从我的网络摄像头播放视频?

时间:2012-02-29 20:31:05

标签: html5 html5-video webcam broadcast webrtc

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

我是Html5的新手,我认为从头开始构建这样一个网页是一项复杂的任务。我只是想让一些经验丰富的Html5开发人员为我提供一些起点,也许是这方面的一些教程。

4 个答案:

答案 0 :(得分:3)

Chrome中的原生(不是Flash)网络摄像头和麦克风访问,{3}由Paul Kinlan(谷歌)访问:

并检查一下:demonstrated on YouTube

答案 1 :(得分:0)

尚未在HTML5中使用。您需要使用某种浏览器插件,如flash。

请参阅此问题:What's the status of the HTML 5 <video> tag and webcam integration?

答案 2 :(得分:0)

根据此Google Developers Video WebRTC 中的广播尚不可能

你能做什么:

  1. 分享您的屏幕

  2. 通过DataChannels分享静态内容(例如图片,文件等)

  3. 与一群人或个人联系并分享您的信息流(音频+视频)

答案 3 :(得分:-2)

确保您的网络摄像头位于可通过HTTP传输H264的软件(查看w3schools.com左右)并使用<video>标记并将其指向您的PC(如果您落后于打开端口) NAT,常见的是8080,但这取决于你的流媒体软件。)

将源标记(视频标记中的非SRC,某些浏览器讨厌该标记)指向外部IP和端口。