【Webcam设计】USB摄像头图片采集+QT显示

https://www.cnblogs.com/surpassal/archive/2012/12/22/zed_webcam_lab2.html

QT界面显示，将采集到的图像数据通过QT显示到HDMI显示器上。采集到图像数据存在QPixmap类的对象中，并通过QLabel显示出来。内容包括Qt Creator和Qt Embedded的安装、Qt工程的建立、摄像头采集实现、Qt运行库的生成以及使用方法。

软件代码

1、新建Qt工程

启动Qt Creator，新建一个Qt Gui应用

之后选择好工程路径和工程明，其他默认，一直点下一步直道工程建立结束。

2、修改ui界面

打开mainwindow.ui，进入可视化设计界面。默认情况中间的主设计区下已经有一个QMainWindow和QWidget的对象。我们需要将采集到图像显示到一个QLabel的部件上，从右侧的部件列表的“DisplayWidget”中选择“Label”部件拖动到中间，并将大小设置为640*480，起点坐标为（5,5）。

并将原有的文本text取消。

这个时候这个Label部件已经把MainWindow遮蔽了，再把MainWindow的大小调整合适。

3、添加摄像采集代码

由于在 Webcam设计(一)：USB摄像头(V4L2接口)的图片采集中我们已经实现了图片的采集，只需要工程中的v4l2grab.c和v4l2grab.h源文件添加到这个新工程中，并作相应修改即可。

修改mainwindow.cpp

//@超群天晴 http://www.cnblogs.com/surpassal/
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QTimer>
#include <QPixmap>
#include <QImage>
#include <QPainter>
//#include <image.h>
#include <v4l2grab.h>

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    QPixmap pix;
    QByteArray aa ;

    BITMAPFILEHEADER   bf;
    BITMAPINFOHEADER   bi;
    //Set BITMAPINFOHEADER
    bi.biSize = 40;
    bi.biWidth = IMAGEWIDTH;
    bi.biHeight = IMAGEHEIGHT;
    bi.biPlanes = 1;
    bi.biBitCount = 24;
    bi.biCompression = 0;
    bi.biSizeImage = IMAGEWIDTH*IMAGEHEIGHT*3;
    bi.biXPelsPerMeter = 0;
    bi.biYPelsPerMeter = 0;
    bi.biClrUsed = 0;
    bi.biClrImportant = 0;


    //Set BITMAPFILEHEADER
    bf.bfType = 0x4d42;
    bf.bfSize = 54 + bi.biSizeImage;
    bf.bfReserved = 0;
    bf.bfOffBits = 54;

    if(init_v4l2() == FALSE)
    {
    }

    v4l2_grab();
    yuyv_2_rgb888();
    aa.append((char *)&bf,14);
    aa.append((char *)&bi,40);
    aa.append((char *)frame_buffer,640*480*3);
    pix.loadFromData(aa);
    ui->label->setPixmap(pix);
    close_v4l2();
}

MainWindow::~MainWindow()
{
    delete ui;
}

其中17~18行：

17     QPixmap pix;
18     QByteArray aa ;

定义了一个QPixmap类的对象pix，用来显示图片；由于调用QPixmap类的loadFromData()函数来获取传递图像数据，关于loadFromData()函数的详细信息可以在Qt的help->index中搜索到，或者从http://doc.qt.digia.com/4.7-snapshot/index.html中查询到：

bool QPixmap::loadFromData ( const QByteArray & data, const char * format = 0, Qt::ImageConversionFlags flags = Qt::AutoColor )

可以知道，loadFromData()要求输入参数为QByteArray类型，因而定义QByteArray的对象aa，用来存储图片数据。

同时，loadFromData()要求指定数据的格式。如果不指定，默认能支持的格式有：

是一个48~50行：

48     aa.append((char *)&bf,14);
49     aa.append((char *)&bi,40);
50     aa.append((char *)frame_buffer,640*480*3);

调用QByteArray类的append函数将图像数据存入aa中。需要注意的是，由于loadFromData函数需要输入的图像符合标准图片格式，因而需要把数据的BMP头信息也存入aa中。

52~53行：

51     pix.loadFromData(aa);
52     ui->label->setPixmap(pix);

实现了图片数据(包含头信息)向pix的传递和pix在label上的显示。

制作运行库

由于ubuntu的Qt运行库在/usr/local/Trolltech/Qt-4.7.3/下，由makefile可以看到引用运行库是

 INCPATH = -I/usr/local/Trolltech/Qt-4.7.3/mkspecs/default -I. -I/usr/local/Trolltech/Qt-4.7.3/include/QtCore -I/usr/local/Trolltech/Qt-4.7.3/include/QtNetwork -I/usr/local/Trolltech/Qt-4.7.3/include/QtGui -I/usr/local/Trolltech/Qt-4.7.3/include -I. -I. -I.

因此如果将编译后的可执行文件在arm上运行，也许早在相应的路径下找到运行库文件。Xilinx给出了Qt运行库镜像的制作方法：切换到qt-everywhere-opensource-src-4.7.3.tar.gz的解压路径，在控制台中输入

dd if=/dev/zero of=qt_lib_ext4.img bs=1M count=80
mkfs.ext4 -F qt_lib_ext4.img
chmod go+w qt_lib_ext4.img
mount qt_lib_ext4.img -o loop /mnt
cp -rf /usr/local/Trolltech/Qt-4.7.3/* /mnt
chmod go-w qt_lib_ext4.img
umount /mnt

即可。能找到生成的库文件镜像文件qt_lib_ext4.img，使用时将其挂载到

/usr/local/Trolltech/Qt-4.7.3/

即可。

挂载Qt运行库

在arm的linux文件系统中，创建目录

/usr/local/Trolltech/Qt-4.7.3/

使用

mkdir

命令一层一层建立目录。并将qt_lib_ext4.img挂载到

/usr/local/Trolltech/Qt-4.7.3/

下。

运行

使用命令

./lab2_qt_camera -qws

我们使用v4l2控制usb 摄像头，对摄像头的静态图片采集流程操作过程可以归纳: