如何设置网络摄像头网页(set up a webcam web page)

网络摄像头在互联网上并不新鲜,而且仍然非常流行。它比以往任何时候都更容易建立一个网络摄像头页面,并朝着成为众多可用网络摄像头网站之一的方向发展。你所需要的只是一台带摄像头的电脑、一个互联网连接和一台服务器来承载你的网站。准备也不会花太长时间。...

网络摄像头在互联网上并不新鲜,而且仍然非常流行。它比以往任何时候都更容易建立一个网络摄像头页面,并朝着成为众多可用网络摄像头网站之一的方向发展。你所需要的只是一台带摄像头的电脑、一个互联网连接和一台服务器来承载你的网站。准备也不会花太长时间。

Person smiling while using a computer and livestreaming with a webcam

如何为直播设置网络摄像头

以下是如何设置网络摄像头以与您的网站配合使用:

  1. 选择托管服务。web主机是您在internet上租用来托管站点的服务器。它们通常很便宜,不需要太多维护。您几乎可以在任何web主机上执行此操作。
  2. 将网络摄像头连接到要从中播放流媒体的计算机。使用您的桌面或小型专用计算机,如覆盆子Pi。确保网络摄像头连接到安装了最新驱动程序的计算机。
  3. 选择一个媒体播放器。VLC是一款免费的开源媒体播放器,适用于Windows、Mac和Linux。VLC具有内置的流媒体功能。转到VLC下载页面并下载最新版本的安装程序。如果您使用Linux,可能会在发行版的存储库中找到VLC,所以请先检查一下。
  4. 安装VLC。向导将引导您完成在系统上安装VLC的过程。
  5. 开放VLC。
  6. 在VLC主屏幕中,选择媒体。
  7. 选择流。
  8. 在“打开媒体”对话框中,选择“捕获设备”选项卡。
  9. 选择视频设备名称下拉箭头,然后选择您的网络摄像头。如果您也计划捕获音频,请选择音频设备名称下拉箭头,然后选择音频设备。然后,选择Stream。
  10. 验证流的源。VLC显示网络摄像头的位置。您可以指定另一个流,但在大多数情况下使用默认值。
  11. 设置流的目的地。选择HTTP,然后选择Add。可以创建多个目的地,但您的流只需要HTTP。
  12. VLC为您的HTTP流创建一个新选项卡。该选项卡包含两个选项,一个用于端口,一个用于路径。除非您有其他使用默认端口的端口,否则请保留默认端口。路径是指向主URL之后的流的确切路径,默认情况下是http://localhost:8080/path. 在路径文本框中,输入/stream或类似的内容,以使流与您可能正在运行的任何其他内容分开。
  13. 选择流的编码配置文件。这里使用的最简单、最通用的格式是OGG。选择配置文件下拉箭头并选择视频-Theora+Vorbis(OGG)。使用扳手图标修改特定设置,但默认配置文件适用于大多数情况。
  14. 选中流所有基本流复选框,然后选择要开始的流。
  15. 您的流现在正在计算机上指定的端口上运行。您可以使用计算机的IP地址以及指定的端口和路径在某些浏览器和媒体播放器上访问它。当您要在internet上执行此操作时,请允许从internet访问您的家庭网络。有两种方法可以实现这一点。通过运行流的端口设置从路由器到计算机的端口转发。然后,从No-IP.com等服务设置动态DNS,以确保您的家庭IP地址不会更改。使用此方法,您可以以相同的方式访问相机,但您将使用外部URL(无IP),后跟端口号和路径。您的地址看起来像yourstream.no ip.org:8080/stream.setup a VPN。您可以将计算机和承载站点的服务器连接到VPN。通过VPN,它们的行为就像在同一个本地网络上一样,使您的流可用,并且易于服务器访问。
  16. 一旦你访问了你的流,使用一个文本编辑器来编写一些基本的HTML来测试你的网络摄像头在页面上的显示方式。对于最低限度的内容,请在网页上使用以下代码:
  17. 在中创建HTML5视频标记要在您的计算机上本地测试,请输入:
  18. 添加视频的其他属性,从ID、高度和宽度开始。
  19. 添加有关视频的信息。指定视频类型、编解码器以及浏览器应如何播放视频。
  20. 您的HTML文件应该类似于此示例。
  21. 当HTML看起来正确时,保存文件。
  22. 在浏览器中打开文件。要在本地对其进行测试,请右键单击该文件并选择浏览器(如Chrome)。否则,请将文件上载到服务器上的HTML根目录。网络摄像头流在一个几乎空白的页面上播放。

为wordpress安装网络摄像头插件

你可以用网络摄像头做更多的事情。如果您计划使用WordPress构建站点,请安装一个网络摄像头插件。使用这些插件,只需输入流地址。如果你自己在建网站,使用HTML5视频标签并解决这个问题。

  • 发表于 2021-09-05 00:29
  • 阅读 ( 213 )
  • 分类:IT

你可能感兴趣的文章

什么是javascript?它是如何工作的?

...统编程语言的特殊特性。我们将深入研究它是什么,它是如何工作的,以及你能用它做什么。我们把它分解一下。 ...

  • 发布于 2021-03-18 04:01
  • 阅读 ( 277 )

Windows10上的“立即见面”是什么?您如何使用它?

...开一个Skype页面。您必须向Skype网站授予使用计算机网络摄像头和麦克风的权限。单击“允许”为其提供访问权限。 接下来,您将看到一个Skype网页,其中包括一个小的预览视频图像、一个输入您姓名的位置,以及一个其他人可...

  • 发布于 2021-04-01 00:25
  • 阅读 ( 236 )

你如何找到将广告注入网页的chrome扩展?

...rg(超级用户)提供。 问题 超级用户读者giorgio79想知道如何找到将不需要的广告注入其浏览体验的Chrome扩展: I use Google Chrome and recently noticed random ads showing up, either embedded in web page content or by redirection. When I click on a link, an ad pag...

  • 发布于 2021-04-10 22:17
  • 阅读 ( 193 )

网站如何记住你对它的偏好(以及关于cookies的选择)?

网站如何记住你对它们的偏好(或者不想要),以及cookies本身的敏感主题呢?今天的超级用户问答旨在为困惑的读者解释cookies的工作原理和它们存储的信息。 今天的问答环节是由SuperUser提供的,SuperUser是Stack Exchange的一个分支...

  • 发布于 2021-04-11 07:03
  • 阅读 ( 211 )

科技新闻时代胶囊:1996年计算机的奇妙世界

...个人会给我发电子邮件,谈论他们伟大的PC/天线/VCR/网络摄像头设置。这并不能让我们更容易想象朋友们一起看VHS录像带的情景——根据我可能不太完美的解释——通过电话网络使用视频会议软件来传输录像带(顺便说一句,这里...

  • 发布于 2021-05-01 13:55
  • 阅读 ( 212 )

本周最受欢迎的帖子

本周我们重点介绍了你应该知道的10个Google设置,帮助你找到一个在线观看奥运会的好地方,帮助你和你的朋友分享大文件,还有更多。Top 10 Google Settings You Should Know About As the outcry over Google Buzz's privacy has shown us, it's **art to explore...

  • 发布于 2021-07-27 16:49
  • 阅读 ( 216 )

geek to live:加密您的web浏览会话(使用ssh socks代理)

... with Cygwin. Here's more on installing the free OpenSSH with Cygwin.代理如何工作简而言之,你使用代理所做的就是在你和互联网之间建立一个中间人。使用代理,浏览器将网页请求传递给代理服务器,代理服务器处理请求并从internet上为您获...

  • 发布于 2021-08-01 09:58
  • 阅读 ( 153 )

极客生活:如何在你的家庭电脑上托管个人维基

...机位于带防火墙的家庭路由器后面,请参阅Lifehacker功能如何在防火墙后面访问您的家庭服务器。还有一些建议:Get your Instiki wiki to start up whenever your computer's on with a simple batch script. Save the following into a file named startwiki.bat: cd \insti...

  • 发布于 2021-08-03 04:14
  • 阅读 ( 168 )

使用免费应用程序托管您的域

...空间或运行自己的服务器来拥有自己的URL。让我们来看看如何可以建立一个完整的域名后端免费。为什么是自定义域?许多网络出版和电子邮件服务免费提供网址。你可以将You.wordpress.com用于你的博客,将freewebs.com/You地址用于你...

  • 发布于 2021-08-04 16:02
  • 阅读 ( 276 )

如何阻止使用css打印网页(block a web page from printing with css)

...网页吗?也许你没有。如果是这样,你有一些选择。 如何阻止使用css打印网页 使用CSS很容易防止人们打印您的网页。您只需创建一个名为“print.css”的单行样式表,其中包括以下一行css。 body { display: none; } 这一样式将...

  • 发布于 2021-09-05 00:22
  • 阅读 ( 207 )
ifephh
ifephh

0 篇文章

相关推荐