我正在尝试构建一个可以访问我的网络摄像头并能够播放从我的网络摄像头拍摄的视频的简单网页。
我是 Html5 的新手,我想从头开始构建这样一个网页是一项复杂的任务。我只是希望一些有经验的 Html5 开发人员给我提供一些起点,也许是一些关于这件事的教程。
我正在尝试构建一个可以访问我的网络摄像头并能够播放从我的网络摄像头拍摄的视频的简单网页。
我是 Html5 的新手,我想从头开始构建这样一个网页是一项复杂的任务。我只是希望一些有经验的 Html5 开发人员给我提供一些起点,也许是一些关于这件事的教程。
Chrome 中的本机(非 Flash)网络摄像头和麦克风访问,由 Paul Kinlan(谷歌)在 YouTube 上演示:
在 HTML5 中还不可能。您需要使用某种浏览器插件,例如 flash。
根据此Google Developers Video ,尚无法在WebRTC中进行广播。
你可以做什么:
共享您的屏幕
通过 DataChannels 共享静态内容(例如图像、文件等)
与一群人或个人联系并分享您的信息流(音频+视频)
确保您的网络摄像头位于可以通过 HTTP 流式传输 H264 的软件后面(查看w3schools.com左右)并使用<video>
标签并将其指向您的 PC(如果您位于 NAT 后面,则打开端口,常见的是 8080,但这取决于您的流媒体软件)。
将源标签(不是视频标签中的 SRC,有些浏览器讨厌)指向您的外部 IP 和端口。