<div id="readability-page-1" class="page"><div>
<p>
  OpenCV에서 캡처한 webcam 영상을 QT에서 보여주는 예제 코드입니다.  
</p>



<p>
  2021. 8. 24 – 최초작성
</p>







<p>
  실행 화면입니다. 
</p>







<p>
  처음 실행시
</p>



<figure><img data-lazy-fallback="1" data-attachment-id="5307" data-permalink="https://webnautes.blog/5306/word-image-5306-1/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-1.png?fit=220%2C155&amp;ssl=1" data-orig-size="220,155" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="word-image-5306-1" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-1.png?fit=220%2C155&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-1.png?fit=220%2C155&amp;ssl=1" decoding="async" width="220" height="155" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-1.png?resize=220%2C155&amp;ssl=1" alt="" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-1.png?resize=220%2C155&amp;is-pending-load=1#038;ssl=1"></figure>







<p>
  Open 버튼 클릭 후
</p>



<figure><img data-lazy-fallback="1" data-attachment-id="5308" data-permalink="https://webnautes.blog/5306/word-image-5306-2/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-2.png?fit=1318%2C824&amp;ssl=1" data-orig-size="1318,824" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="word-image-5306-2" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-2.png?fit=300%2C188&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-2.png?fit=1024%2C640&amp;ssl=1" decoding="async" fetchpriority="high" width="1200" height="750" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-2.png?resize=1200%2C750&amp;ssl=1" alt="" sizes="(max-width: 1200px) 100vw, 1200px" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-2.png?resize=1200%2C750&amp;is-pending-load=1#038;ssl=1" data-lazy-srcset="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-2.png?w=1318&amp;ssl=1 1318w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-2.png?resize=300%2C188&amp;ssl=1 300w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-2.png?resize=1024%2C640&amp;ssl=1 1024w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-2.png?resize=768%2C480&amp;ssl=1 768w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-2.png?resize=1200%2C750&amp;ssl=1 1200w"></figure>







<p>
  Close 버튼 클릭 후
</p>



<figure><img data-lazy-fallback="1" data-attachment-id="5309" data-permalink="https://webnautes.blog/5306/word-image-5306-3/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-3.png?fit=1318%2C824&amp;ssl=1" data-orig-size="1318,824" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="word-image-5306-3" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-3.png?fit=300%2C188&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-3.png?fit=1024%2C640&amp;ssl=1" decoding="async" width="1200" height="750" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-3.png?resize=1200%2C750&amp;ssl=1" alt="" sizes="(max-width: 1200px) 100vw, 1200px" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-3.png?resize=1200%2C750&amp;is-pending-load=1#038;ssl=1" data-lazy-srcset="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-3.png?w=1318&amp;ssl=1 1318w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-3.png?resize=300%2C188&amp;ssl=1 300w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-3.png?resize=1024%2C640&amp;ssl=1 1024w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-3.png?resize=768%2C480&amp;ssl=1 768w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5306-3.png?resize=1200%2C750&amp;ssl=1 1200w"></figure>







<p>
  소스 코드입니다. 
</p>



<pre><code>// 원본 - https://github.com/eyyupT/OpenCV-CPP-show-webcam-stream-on-Qt-GUI
// 수정 - webnautes 2021. 8. 24

#include &lt;QApplication&gt;
#include &lt;QMainWindow&gt;
#include &lt;QTimer&gt;
#include &lt;QLabel&gt;
#include &lt;QPushButton&gt;
#include &lt;QHBoxLayout&gt;
#include &lt;QVBoxLayout&gt;
#include &lt;iostream&gt;
#include &lt;opencv2/opencv.hpp&gt;


using namespace cv;
using namespace std;


class MainWindow : public QMainWindow
{
public:
    MainWindow(QWidget *parent = 0);

private slots:

    void Open();
    void Close();
    void update_window();

private:

    QTimer *timer;
    VideoCapture cap;

    Mat frame;
    QImage qt_image;
    QLabel *label;
    QPushButton *openBtn;
    QPushButton *closeBtn;
};

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent)
{

    QWidget * qwidget = new QWidget(this);

    auto *vbox = new QVBoxLayout(this);
    auto *hbox = new QHBoxLayout();

    openBtn = new QPushButton("Open", this);
    closeBtn = new QPushButton("Close", this);

    hbox-&gt;addWidget(openBtn, 1, Qt::AlignRight);
    hbox-&gt;addWidget(closeBtn, 0);

    label = new QLabel(this);

    vbox-&gt;addWidget(label);
    vbox-&gt;addStretch(1);
    
    vbox-&gt;addLayout(hbox);
    qwidget-&gt;setLayout(vbox);
    setCentralWidget(qwidget);

    connect(openBtn, &amp;QPushButton::clicked, this, &amp;MainWindow::Open);
    connect(closeBtn, &amp;QPushButton::clicked, this, &amp;MainWindow::Close);

    timer = new QTimer(this);
}


void MainWindow::Open()
{
    cap.open(0);

    if(!cap.isOpened())  
    {
        cout &lt;&lt; "camera is not open" &lt;&lt; endl;
    }
    else
    {
        cout &lt;&lt; "camera is open" &lt;&lt; endl;

        connect(timer, &amp;QTimer::timeout, this, &amp;MainWindow::update_window);
        timer-&gt;start(20);
    }
}

void MainWindow::Close()
{
    disconnect(timer, &amp;QTimer::timeout, this, &amp;MainWindow::update_window);
    cap.release();

    Mat image = Mat::zeros(frame.size(),CV_8UC3);

    qt_image = QImage((const unsigned char*) (image.data), image.cols, image.rows, QImage::Format_RGB888);

    label-&gt;setPixmap(QPixmap::fromImage(qt_image));

    label-&gt;resize(label-&gt;pixmap()-&gt;size());

    cout &lt;&lt; "camera is closed" &lt;&lt; endl;
}

void MainWindow::update_window()
{
    cap &gt;&gt; frame;

    cvtColor(frame, frame, COLOR_BGR2RGB);

    qt_image = QImage((const unsigned char*) (frame.data), frame.cols, frame.rows, QImage::Format_RGB888);

    label-&gt;setPixmap(QPixmap::fromImage(qt_image));

    label-&gt;resize(label-&gt;pixmap()-&gt;size());
}

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
    
    MainWindow window;
    window.show();

    return app.exec();
}</code></pre>







<p>
  빌드하는 과정을 간단히 설명하면 다음과 같습니다. 
</p>



<p>
  1. 새로 디렉토리를 생성하고 해당 디렉토리에 위 소스 코드를  main.cpp로 저장합니다. 
</p>



<p>
  2. qmake -project 실행합니다. 
</p>



<p>
  3. 생성된 pro 파일에서 빨간색 줄 부분들을 추가해야 합니다. 
</p>



<pre><code>QT += widgets
TEMPLATE = app
TARGET = qt_opencv_webcam
INCLUDEPATH += .
INCLUDEPATH +=  /usr/local/include/opencv4/ 
LIBS += -L/usr/local/lib/ -lopencv_core -lopencv_imgproc -lopencv_imgcodecs -lopencv_videoio</code></pre>



<figure><img data-lazy-fallback="1" data-attachment-id="5312" data-permalink="https://webnautes.blog/5306/image-84-2/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-84.png?fit=1442%2C470&amp;ssl=1" data-orig-size="1442,470" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="image-84" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-84.png?fit=300%2C98&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-84.png?fit=1024%2C334&amp;ssl=1" decoding="async" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-84.png?w=700&amp;ssl=1" alt="" sizes="(max-width: 1024px) 100vw, 1024px" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-84.png?w=700&amp;is-pending-load=1#038;ssl=1" data-lazy-srcset="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-84.png?resize=1024%2C334&amp;ssl=1 1024w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-84.png?resize=300%2C98&amp;ssl=1 300w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-84.png?resize=768%2C250&amp;ssl=1 768w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-84.png?resize=1200%2C391&amp;ssl=1 1200w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-84.png?w=1442&amp;ssl=1 1442w"></figure>







<p>
  4. qmake 실행합니다. 
</p>



<p>
  5. make 실행합니다. 
</p>



<p>
  6. 이제 현재 디렉토리 이름으로 생성된 실행파일을 실행하면 됩니다. 
</p>







<h2>관련 포스트</h2>



<figure></figure>





</div></div>

멈춤보단 천천히라도

webnautes

OpenCV에서 캡처한 webcam 영상을 QT에서 보여주는 예제 코드입니다. 2021. 8. 24 – 최초작성 실행 화면입니다. 처음 실행시 Open 버튼 클릭 후 Close 버튼 클릭 후 소스 코드입니다. 빌드하는 과정을 간단히 설명하면 다음과 같습니다. 1. 새로 디렉토리를 생성하고 해당 디렉토리에 위 소스 코드를 main.cpp로 저장합니다. 2. qmake -project 실행합니다. 3. 생성된 pro 파일에서 빨간색 줄 부분들을… 더 보기 »OpenCV에서 캡처한 webcam 영상을 QT에서 보여주기
The post OpenCV에서 캡처한 webcam 영상을 QT에서 보여주기 first appeared on 멈춤보단 천천히라도.

OpenCV에서 캡처한 webcam 영상을 QT에서 보여주기

댓글