捕获IP摄像头流并在我的网站上发布

Question

我正在使用IP Cam (一款适用于android手机的应用程序)来直播视频。它的基本功能相当于一个基本的IP摄像头。它为我提供了提要所在位置的URL。当我连接到我的WiFi网络时，它看起来像这个http://192.168.2.32:8080/。视频流在http://192.168.2.32:8080/videofeed上。

我想要捕获http://192.168.2.32:8080/videofeed摄像头的视频，并将其嵌入HTML5播放器(我计划使用的是video JS)或Flash播放器(如果HTML5不能工作的话)(尽管我更喜欢HTML5 )。HTML5播放器要求我提供源文件(如.mp4、webm、mov等)，但在http://192.168.2.32:8080/videofeed中没有源文件。它只是一个HTML流。

我的问题是如何将视频流嵌入我的HTML5播放器并将其发布到我的网站上。

Answer 1

据我所见，应用程序已经将流媒体发送到了一个网页，这个页面有供您查看的视频。因此，您想要流式传输已经在流式传输的内容。

你可以尝试注册像www.no-ip.com这样的动态dns来获得你的网络的url，更改你的路由器以接受8080端口上的传入连接，然后在你的网站上使用带有动态dns url的iframe。

我过去经常在网站上直播演唱会，但我有一个摄像头连接到一台电脑上，使用Adobe Flash Media streaming (免费)连接到一个运行Wowza Streaming的服务器。

Answer 2

您需要获取摄像头正在捕获的数据，并将其解码为一些通用格式。RGB或YUV2或其他什么。将其编码为Vp8/webm或thora/ogg。h264/Mp4不会这样做，因为它需要在名为mdat的mp4文件中有一个特殊的头(除非它是分段的mp4)。

客户端视频标签将请求发送到您的手机ip/在您处理该应用程序的http GET时，保持该http连接并开始向其流式传输。这有点像长轮询。

Answer 3

大多数IP摄像机都有获取原始视频流的方法。使用RTSP或RTMP

我建议您获取«camera»的steeam URI，类似于rtsp://<camera-ip>:<some-port>或rtmp://<camera-ip>:<some-port>。这是IP摄像头的常见功能，即使是在手机上模拟的功能，因此可能会在文档中提到，或者可以在应用程序配置中启用/设置。

如果没有文档，您可以通过使用Chrome访问网页上的提要进行一些研究，并打开开发人员工具来查看页面的实际代码，URI可能会在他们提供的嵌入式播放器上可见。

一旦你得到它，打开流与VLC和查看属性(编码，帧速率，大小，等等)，您可以选择一个兼容的嵌入式播放器为您的网站。

希望它能帮上忙！

/Pablo