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

问题描述 投票:0回答:2

我正在使用 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 android html video html5-video
2个回答
0
投票

尝试使用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/

进行设置

0
投票

所以我遇到了同样的问题:“/videofeed”是你的选择。 我使用“view-source:”查看了 IP 网络摄像头提供的 html 字首。也适用于“IP 电话摄像头”,可能是用于创建 url 的相同库

© www.soinside.com 2019 - 2024. All rights reserved.