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

时间:2016-01-24 04:22:25

标签: javascript android html5 video html5-video

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

<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)

请帮忙,我已经筋疲力尽了。

1 个答案:

答案 0 :(得分: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/设置