QR扫码综合示例教程（十八）Qt6.2.1（qml）拍照捕获视频帧

 前言：

 本示例在 Qt6.2.1（qml）取出视频帧 原始帧，示例的基础上修改

在win10下，当前仅支持VS编译器

一、添加工具类

添加一个工具类Tool，用于从文件加载图像文件，头文件如下

#include <QObject>

class Tool : public QObject
{
    Q_OBJECT
public:
    explicit Tool(QObject *parent = nullptr);

    //设置并处理已获取视频帧
    Q_INVOKABLE void setCapturedImage(const QImage image);
signals:

};

源文件关键代码如下

/*!
 * \brief Tool::setCapturedImage 设置并处理已获取视频帧
 * \param image 已获取的图像
 */
void Tool::setCapturedImage(const QImage image)
{
    qDebug()<<"Tool::setCapturedImage"<<image;
    //将视频帧放入图像提供者
    ImageProvider::setImage(image);
}

在main()函数中，将Tool注册到qml中

qmlRegisterType<Tool>("com.xdqd.classes", 1, 0, "Tool");

二、修改UI显示

如下所示，是笔者修改的UI

增加一个Label，用于显示已从C++加载的图像；再增加一个拍照的按钮

修改qml文件，关键代码如下

    Camera {
        id: camera
    }

    ImageCapture {
        id: imageCapture
    }

    CaptureSession {
        camera: camera
        imageCapture: imageCapture
        videoOutput: page.videoOutput
    }

    Tool {
        id: tool
    }

    Connections {
        target: button_capture
        function onClicked() {//仅拍照，不保存到文件
            console.debug("button_capture onClicked")
            imageCapture.capture();
        }
    }

    Connections {
        target: button_captureToFile
        function onClicked() {//拍照，并保存到文件
            console.debug("button_capture onClicked")
            imageCapture.captureToFile("C:/Users/developer/Pictures/capture.jpg");
            //若不指定具体名，会保存到默认图片目录
        }
    }

    Connections {
        target: button_saveToFile
        function onClicked() {//保存最后一次拍照到文件
            console.debug("button_capture onClicked")
            imageCapture.saveToFile("C:/Users/developer/Pictures/capture.jpg");
        }
    }

    Connections {
        target: imageCapture
        function onErrorOccurred(requestId, error, message) {//发生错误
            console.debug("imageCapture onErrorOccurred",requestId, error, message)
        }
        function onImageCaptured(requestId, previewImage) {//已经捕获到QImage
            console.debug("imageCapture onImageCaptured",requestId, previewImage,imageCapture.preview)
            tool.setCapturedImage(previewImage)
            image2.source = "image://imageProvider/0"
            image2.source = "image://imageProvider/1"

        }
        function onImageSaved(requestId, path) {//已经捕获图片并保存到文件
            console.debug("imageCapture onImageSaved",requestId, path,imageCapture.preview)
        }
    }

注意：

（1）imageCapture.capture();

在Qt6只，仅拍照，不保存到文件，结果会在信号imageCaptured中获取到

（2）imageCapture.captureToFile();

若不指定具体的文件名，截取的图像就放在系统默认的图像文件目录中，win10下是图片目录

若指定了文件名，截取的图像就放在指定目录

（3）用完截图后，一定要记得删除，否则会越来越多

（4）mageCapture.saveToFile();

这个方法，笔者测试未成功。总是提示文件名不存在

添加完成后，就可以运行程序了，以下是笔者的运行结果 ，

 发现问题

1.imageCapture.preview返回为空

笔者看了下官方示例，测试后发现也不好用，这个等官方修复吧

2.imageCapture.saveToFile(）未生效

笔者测试后发现不好用，提示文件名为空，这个等官方修复吧

3.imageCapture.capture()在Android系统上无法使用

笔者在android上测试，提示

imageCapture onErrorOccurred -1 4 Capturing to buffer not supported.

建议也等官方修复吧

本次教程的示例源码

后记：

可以看到Qt6还存在不少问题，除去camreaDevice的id和默认设备属性没法用外，拍照也存在问题。拍照到文件时还会有拍照声，不符合某些场合使用

以上是笔者的测试结果，笔者的个人的android平版只有5.1，没法测试，测试不完全，有条件的小伙伴可以自己测试下

时间所限，笔者只在win10、Android上测试了下，其他操作系统没测试，请小伙伴自己测试

Android上的默认目录无法直接从文件管理中访问，建议直接指定SD的目录