如何使用 Html5 从我的网络摄像头播放视频？ [关闭]

Posted 2023-05-07

【中文标题】如何使用 Html5 从我的网络摄像头播放视频？ [关闭]

【英文标题】：How do I broadcast video from my webcam with Html5? [closed]

【发布时间】：2012-03-19 08:29:07

【问题描述】：

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

我是 html5 的新手，我想从头开始构建这样一个网页是一项复杂的任务。我只是希望一些有经验的 Html5 开发人员给我一些起点，也许这方面的一些教程。

【问题讨论】：

“HTML5 新手”==“HTML 新手”吗？专门针对 HTML5

“尚未”部分对我来说已经足够了。谢谢。

呸，想要绕过这些的人，混合技术。 Flash 流，如果您想要广泛的视频，您可以在

这有什么更新吗？

【参考方案1】：

Chrome 中的原生（非 Flash）网络摄像头和麦克风访问，demonstrated on YouTube，作者：Paul Kinlan（Google）：

也请检查一下：Hands on: building an HTML5 photo booth with Chrome's new webcam API

【讨论】：

很高兴知道，虽然 24:14 的句子...可能意味着这对 OP 的情况没有帮助。

【参考方案2】：

在 HTML5 中还不可能。您需要使用某种浏览器插件，例如 flash。

看到这个问题：What's the status of the HTML 5 <video> tag and webcam integration?

【讨论】：

对不起 - 有可能，请看下面的演示

【参考方案3】：

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

你可以做什么：

共享您的屏幕

通过 DataChannels 共享静态内容（例如图像、文件等）

与一群人或个人联系并分享您的信息流（音频+视频）

【参考方案4】：

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

将源标签（不是视频标签中的 SRC，有些浏览器讨厌这样）指向您的外部 IP 和端口。