如何设置摄像头网页

在您的网站上使用网络摄像头到Livestream

微笑的人,当使用计算机和起重圈的与网络摄像头

Cavan Images/The Image Bank / Getty Images

网络摄像头不是互联网的新手,仍然非常流行。它比以往任何时候都要容易地设置网络摄像头页面并建立成为一个许多视频网站可用。你所需要的只是一台带有网络摄像头的电脑,一个网络连接,和一个服务器来托管你的网站。准备工作也不会花太长时间。

如何为LiveStreaming设置网络摄像头

这里是如何设置一个摄像头与你的网站工作:

  1. 选择托管服务。一种网络主机是你在因特网上租用来托管你的站点的服务器。它们通常很便宜,而且不需要太多维护。你可以在任何网络主机上这样做。

  2. 连接网络摄像头到您想要流的计算机。使用桌面或较小的专用计算机,如a覆盆子PI.。确保网络摄像头已连接到安装最新驱动程序的计算机。

  3. 选择一个媒体播放器。vlc.是一个免费的媒体播放器,可在Windows,Mac和Linux上进行免费且有效。VLC附带内置流媒体能力。

    下载VLC网站上的按钮

    VLC下载页面并下载最新版本的安装程序。如果使用Linux,则可以在分发的存储库中找到VLC,因此请先检查。

  4. 安装vlc。向导将通过在系统上安装VLC的过程来播放。

    安装VLC
  5. VLC开放。

    VLC在Windows 10上运行
  6. 在VLC主屏幕中,选择媒体

    Windows上VLC Media Player中的媒体选项卡
  7. 选择

    Windows上VLC的流菜单选项
  8. 开放式媒体对话框中,选择捕获设备选项卡。

    vlc for windows中的捕获设备
  9. 选择视频设备名称下拉箭头,选择你的摄像头。如果您也计划捕捉音频,请选择音频设备名称下拉箭头并选择音频设备。然后,选择

    Windows的VLC中的流按钮
  10. 验证您的流源。VLC显示网络摄像头的位置。您可以在大多数情况下使用默认流指定另一个流。

  11. 为您的流设置目的地。选择http.,然后选择添加

    可以创建多个目的地但是http.是你的溪流所需的一切。

  12. VLC为您的HTTP流创建一个新选项卡。选项卡包含两个选项,一个用于端口,一个用于路径。除非有其他东西使用默认端口,否则保持默认。该路径是主URL后面的流的确切路径,默认情况下是http://localhost:8080/path。在小路文本框中,输入/流或类似于使流与您可能正在运行的任何其他内容分开的东西。

    Windows的VLC中的HTTP选项卡
  13. 为您的流选择编码配置文件。在这里最简单和最通用的格式是OGG。选择配置文件下拉箭头并选择视频- Theora + Vorbis (OGG)。使用扳手图标修改特定设置,但默认配置文件将适用于大多数情况。

    在VLC for Windows中的流输出设置中编码选项按钮(扳手图标)
  14. 选择流所有的基本流复选框,然后选择开始。

    Windows的VLC中的流按钮
  15. 您的流现在正在您的计算机上运行在您指定的端口。您可以使用计算机的IP地址和您指定的端口和路径访问某些浏览器和媒体播放器。当您想要为互联网执行此操作时,允许访问您的家庭网络从互联网上。有两种方法可以实现这一点。

    • 设置端口转发从您的路由器到您的计算机通过端口运行您的流。然后,建立动态DNS来自这样的服务no-IP.com.确保您的家庭IP地址不会改变。使用此方法,您可以同样访问相机,但您将使用No-IP的外部URL,后跟端口号和路径。你的地址看起来像yourstream.no-ip.org: 8080 /流
    • 建立了一个VPN.。您可以将您的计算机和托管站点的服务器连接到VPN。通过VPN,它们的行为就像在同一个本地网络上一样,使您的流可以被您的服务器轻松访问。
  16. 一旦访问流,请使用文本编辑器来编写一些基本超文本标记语言要测试您的网络摄像头将如何出现在页面上。对于最小的东西,请在网页上使用此代码:







  17. 创建HTML5视频标签内


    要在您的计算机上进行本地测试,输入:


  18. 为视频添加其他属性,从ID、高度和宽度开始。


  19. 添加视频信息。指定视频的类型、编解码器和浏览器应该如何播放它。


  20. 您的HTML文件应该类似于此示例。








  21. 当HTML看起来正确时,保存文件。

  22. 在浏览器中打开该文件。要在本地测试它,右键单击该文件并选择一个浏览器,如Chrome。否则,将文件上传到服务器的HTML根目录。网络摄像头在一个几乎空白的页面上播放。

    vlc在chrome中的网络摄像头流

为WordPress安装网络摄像头插件

您可以使用您的网络摄像头来做更多。如果您计划使用WordPress构建您的网站,请安装其中一个网络摄像头插件。使用这些插件,您需要做的就是输入流地址。如果您自己构建该网站,请使用HTML5视频标签并解决此问题。

这个页面有用吗?