网页监控系统设计之使用mjpg-streamer

开始我们使用的是servfox和spcaview来搭建网页监控系统框架的，参考这篇文章：

“WEB网页监控系统的设计框架思路详解”，今天我教给大家一个更好的方法，通过mjpg-streamer来搭建网页监控系统的设计。

   需要准备的环境如下：

搭建boa服务器：http://blog.csdn.net/qq_21792169/article/details/49430123

移植V4L2驱动程序：http://blog.csdn.net/qq_21792169/article/details/51030908

移植libjpeg库：http://blog.csdn.net/qq_21792169/article/details/50427479

移植mjpg-streamer：这篇文章讲解。

需要的摄像头是符合UVC规范的USB摄像头，能够正常运行的Linux操作系统。

下面开始移植mjpg-streamer源码：点击这里下载！

tar -xzvf mjpg-streamer-r63.tar.gz 

cd mjpg-streamer-r63

把下面所有的Makefile中的CC = gcc修改成CC = arm-linux-gcc

根目录Makefile   

plugins/input_gspcav1/Makefile

plugins/input_uvc/Makefile 

plugins/output_file/Makefile

plugins/output_autofocus/Makefile

plugins/output_http/Makefile 

plugins/input_testpicture/Makefile 

在修改plugins/output_file/Makefile，在CFLAGS +=添加自己安装libjpg头文件的路径，我的路径是 -I /home/book/workspace/digial_photo/libjpeg-turbo-1.2.1/tmp/include

再将input_uvc.so:后面添加库文件路径 -L /home/book/workspace/digial_photo/libjpeg-turbo-1.2.1/tmp/lib

然后会好根目录，直接make

根目录下就生成了 mjpg_streamer可执行文件，和一些库文件，将 mjpg_streamer复制到根文件系统的/usr/bin目录，将库文件复制到/lib目录下。

cp *so*   / work/nfs_root/  

把www目录复制到开发板的/etc/boa/目录下（移植boa服务器时候搭建的）

然后我们就可以开始测试了：

ls /dev/video*      /* 看有没有摄像头驱动的设备节点 */

./boa  &      /* 运行boa服务器 */

一般的UVC摄像头：

mjpg_streamer -i "input_uvc.so -f 10 -r 320*240 -y" -o "output_http.so -w etc/boa/www"

CMOS摄像头：

mjpg_streamer -i "input_uvc.so -f 10 -r 320*240 " -o "output_http.so -w etc/boa/www"

打开电脑的google浏览器或者火狐浏览器输入：172.16.148.111 :8080/?action=stream    就可以成功观测到摄像头的数据，172.16.148.111是我开发板的IP，这里要注意一下，如果是其他浏览器请安装JAVA运行环境。

到目前为止在局域网内任意一台电脑输入上面的网址就可以成功显示摄像头数据，注意是局域网，放到公网上目前没有做出来，我也正在开发阶段中，模拟QQ视频聊天程序（难度有点大，我做出来了在分享出来），下一步利用自己的USB无线网卡来发射视频数据，用android手机来监控视频数据。正在开发中。。

自己设计监控界面参考这篇文章：http://blog.csdn.net/qq_21792169/article/details/51172836