PHP读取mjpg-streamer的视频流并且输出图片

tll · 发表于 2013-5-11 18:35:29

本帖最后由 tll 于 2013-5-11 18:46 编辑

先炫一下：http://110.80.100.114:81/（随时可能关闭啊）
大家都知道，MJ（mjpg-streamer）自带web服务器，但是大家都知道，那东西不能跑PHP什么的，甚不方便
于是，我打算用apache当我的webserver~
我写了个用php获取MJ视频流再输出到apache。
记得安装curl的php扩展啊
以下是代码：

<?php
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL,
"127.0.0.1/?action=snapshot");
curl_setopt($ch,
CURLOPT_RETURNTRANSFER, 1);
$output = curl_exec($ch);
curl_close($ch);
$file_size=count($output);
Header("Content-type: image/jpeg");
Header("Accept-Ranges: bytes");
Header("Accept-Length:".$file_size);
echo $output;
?>

复制代码

然后，保存为getfile.php，到根目录，再把apache的端口调成81，重启
打开MJ，端口设置为80（因为我没映射所以MJ的80端口外网是访问不到的）
再写个index.html：

Hello~
FROM PHP - MJPG-STREAMER
<script type="text/javascript">
var imageNr = 0; // Serial number of current image
var finished = new Array();
var paused = false;
function createImageLayer() {
var img = new Image();
img.style.position = "absolute";
img.style.zIndex = -1;
img.onload = imageOnload;
img.onclick = imageOnclick;
img.src = "getfile.php?id=" + (++imageNr);
var webcam = document.getElementById("webcam");
webcam.insertBefore(img, webcam.firstChild);
}
function imageOnload() {
this.style.zIndex = imageNr; // Image finished, bring to front!
while (1 < finished.length) {
var del = finished.shift(); // Delete old image(s) from docuent
del.parentNode.removeChild(del);
}
finished.push(this);
if (!paused) createImageLayer();
}
function imageOnclick() { // Clicking on the image will pause the stream
paused = !paused;
if (!paused) createImageLayer();
}
</script>
<body onload="createImageLayer();">
<div id="webcam"></div>

复制代码

好了，访问一下 http://你的ip:81，看看是不是有这个效果吧（会动的）
效果：
QQ截图20130511184523.png

Cannikin · 发表于 2013-5-11 20:22:39

感谢分享~！！
其实mjpg-streamer和motion是类似的，主要是实时监控的资源占用实在太大，CB的性能不足以支持实时监控的多并发，做一个私人的小监控还是不错的。

tll · 发表于 2013-5-11 20:38:24

Cannikin 发表于 2013-5-11 20:22
感谢分享~！！
其实mjpg-streamer和motion是类似的，主要是实时监控的资源占用实在太大，CB的性能不足以支 ...

我就是如此啊~

煎饼 · 发表于 2013-5-15 10:57:52

tll 发表于 2013-5-11 20:38
我就是如此啊~

http://cb.e-fly.org/cb-webcam.html

看这里~~ 楼上的楼上的~

allen · 发表于 2013-5-15 14:36:56

其实不用这么麻烦，一个html文件就能搞定。加入代码（IP和端口号根据实际填写）：
<img src="http://127.0.0.1:8090/?action=stream" />

另外，mjpg-streamer做监控的确很不错，找个硬件支持mjpeg的摄像头（如：Logitech C270），640*480下CPU占用率不会超过1%，即使上720p高清也很流畅。

tll · 发表于 2013-5-16 06:13:29

allen 发表于 2013-5-15 14:36
其实不用这么麻烦，一个html文件就能搞定。加入代码（IP和端口号根据实际填写）：

不是不是，这样的话cb要开两个端口用php之只用一个

guchen_han · 发表于 2014-7-24 10:54:47

good,mark一下

		自动登录	找回密码
密码			立即注册