如何使用来自 IP 网络摄像头应用程序的 jpeg 流作为 html5 视频标签中的 src

How to use jpeg stream from IP Webcam app as src in html5 video tag?

本文关键字：html5 视频 标签 src jpeg IP 网络 摄像头 应用程序 何使用      更新时间：2023-09-26

我正在使用IP网络摄像头Android应用程序将视频从手机的相机流式传输到网页。当我尝试将视频标记中的 src 属性设置为应用程序的本地主机以查看视频流时，我收到错误。

<video autobuffer controls autoplay>
  <source id="mp4" src="http://[Phone's IP]:8080/browserfs.html" >
</video>
NOTE: I've tried using http://[Phone's IP]:8080/video and 
http://[Phone's IP]:8080/video.mp4 as the value for src as well

响应标头

Access-Control-Allow-Origin:*
Cache-Control:no-store, no-cache, must-revalidate, pre-check=0, post-check=0, max-age=0
Connection:close
content-length:31979
content-type:image/jpeg
Expires:-1
Pragma:no-cache
Server:IP Webcam Server 0.2

我知道IP网络摄像头基本上正在发送一堆jpeg图像，如我发布的响应标题所示。我不确定该怎么做才能将其作为视频播放。无论我把什么作为扩展，我都会得到：

http://[Phone's IP]/video.mp4 404 (Not Found)

请帮忙，我筋疲力尽

，沮丧。

尝试使用 Javascript navigator.mediaDevices.getUserMedia
设置视频流将浏览器相机更改为 MJPEG 相机

<video autoplay></video>
<script>
var video = document.querySelector('video');
navigator.mediaDevices.getUserMedia({video: true}).then(function(mediaStream) {
    video.srcObject  = mediaStream;
});
</script>

如果 MJPEG 相机未在浏览器中列出，请尝试使用 http://ip-webcam.appspot.com/
进行设置

所以我

有同样的问题："/videofeed"是你的首选。我使用"查看源："查看了IP网络摄像头提供的html前缀。也适用于"IP电话相机"，可能与创建URL的库相同

相关文章：