<div id="readability-page-1" class="page"><div id="content">
						<article id="post-5300">
				<div>
<p>
  OpenCV에서 캡처한 영상을 pyQt5로 작성된 GUI에서 보여주는 방법을 다룹니다. 
</p>



<p>
  깃허브에 있는 코드를 수정하여 사용했습니다. 
</p>



<p>   2019. 1. 24  최초작성 </p>







<p>
  처음 실행하면 버튼 2개만 보입니다.
</p>



<figure><img data-lazy-fallback="1" data-attachment-id="5301" data-permalink="https://webnautes.blog/5300/word-image-5300-1/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-1.jpeg?fit=202%2C139&amp;ssl=1" data-orig-size="202,139" 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-5300-1" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-1.jpeg?fit=202%2C139&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-1.jpeg?fit=202%2C139&amp;ssl=1" decoding="async" width="202" height="139" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-1.jpeg?resize=202%2C139&amp;ssl=1" alt="" sizes="(max-width: 202px) 100vw, 202px" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-1.jpeg?resize=202%2C139&amp;is-pending-load=1#038;ssl=1" data-lazy-srcset="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-1.jpeg?w=202&amp;ssl=1 202w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-1.jpeg?resize=200%2C139&amp;ssl=1 200w"></figure>







<p>
  start 버튼을 클릭하면 웹캠 영상이 보입니다.
</p>



<figure><img data-lazy-fallback="1" data-attachment-id="5302" data-permalink="https://webnautes.blog/5300/word-image-5300-2/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-2.jpeg?fit=671%2C611&amp;ssl=1" data-orig-size="671,611" 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-5300-2" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-2.jpeg?fit=300%2C273&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-2.jpeg?fit=671%2C611&amp;ssl=1" decoding="async" fetchpriority="high" width="671" height="611" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-2.jpeg?resize=671%2C611&amp;ssl=1" alt="" sizes="(max-width: 671px) 100vw, 671px" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-2.jpeg?resize=671%2C611&amp;is-pending-load=1#038;ssl=1" data-lazy-srcset="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-2.jpeg?w=671&amp;ssl=1 671w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-2.jpeg?resize=300%2C273&amp;ssl=1 300w"></figure>







<p>
  Canny 버튼을 클릭하면 오른쪽에 캐니 영상을 보여줍니다.
</p>



<figure><img data-lazy-fallback="1" data-attachment-id="5303" data-permalink="https://webnautes.blog/5300/word-image-5300-3/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-3.jpeg?fit=1311%2C611&amp;ssl=1" data-orig-size="1311,611" 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-5300-3" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-3.jpeg?fit=300%2C140&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-3.jpeg?fit=1024%2C477&amp;ssl=1" decoding="async" width="1200" height="559" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-3.jpeg?resize=1200%2C559&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-5300-3.jpeg?resize=1200%2C559&amp;is-pending-load=1#038;ssl=1" data-lazy-srcset="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-3.jpeg?w=1311&amp;ssl=1 1311w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-3.jpeg?resize=300%2C140&amp;ssl=1 300w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-3.jpeg?resize=1024%2C477&amp;ssl=1 1024w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-3.jpeg?resize=768%2C358&amp;ssl=1 768w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5300-3.jpeg?resize=1200%2C559&amp;ssl=1 1200w"></figure>







<pre><code># 출처 - https://github.com/ddd4117/GUI/blob/master/src/camera_test.py
# 수정 - webnautes

import cv2
import sys
from PyQt5 import QtCore
from PyQt5 import QtWidgets
from PyQt5 import QtGui


class ShowVideo(QtCore.QObject):

    flag = 0

    camera = cv2.VideoCapture(0)

    ret, image = camera.read()
    height, width = image.shape[:2]

    VideoSignal1 = QtCore.pyqtSignal(QtGui.QImage)
    VideoSignal2 = QtCore.pyqtSignal(QtGui.QImage)

    def __init__(self, parent=None):
        super(ShowVideo, self).__init__(parent)

    @QtCore.pyqtSlot()
    def startVideo(self):
        global image

        run_video = True
        while run_video:
            ret, image = self.camera.read()
            color_swapped_image = cv2.cvtColor(image, cv2.COLOR_BGR2RGB)

            qt_image1 = QtGui.QImage(color_swapped_image.data,
                                    self.width,
                                    self.height,
                                    color_swapped_image.strides[0],
                                    QtGui.QImage.Format_RGB888)
            self.VideoSignal1.emit(qt_image1)


            if self.flag:
                img_gray = cv2.cvtColor(image, cv2.COLOR_BGR2GRAY)
                img_canny = cv2.Canny(img_gray, 50, 100)

                qt_image2 = QtGui.QImage(img_canny.data,
                                         self.width,
                                         self.height,
                                         img_canny.strides[0],
                                         QtGui.QImage.Format_Grayscale8)

                self.VideoSignal2.emit(qt_image2)


            loop = QtCore.QEventLoop()
            QtCore.QTimer.singleShot(25, loop.quit) #25 ms
            loop.exec_()

    @QtCore.pyqtSlot()
    def canny(self):
        self.flag = 1 - self.flag


class ImageViewer(QtWidgets.QWidget):
    def __init__(self, parent=None):
        super(ImageViewer, self).__init__(parent)
        self.image = QtGui.QImage()
        self.setAttribute(QtCore.Qt.WA_OpaquePaintEvent)

    def paintEvent(self, event):
        painter = QtGui.QPainter(self)
        painter.drawImage(0, 0, self.image)
        self.image = QtGui.QImage()

    def initUI(self):
        self.setWindowTitle('Test')

    @QtCore.pyqtSlot(QtGui.QImage)
    def setImage(self, image):
        if image.isNull():
            print("Viewer Dropped frame!")

        self.image = image
        if image.size() != self.size():
            self.setFixedSize(image.size())
        self.update()


if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)


    thread = QtCore.QThread()
    thread.start()
    vid = ShowVideo()
    vid.moveToThread(thread)

    image_viewer1 = ImageViewer()
    image_viewer2 = ImageViewer()

    vid.VideoSignal1.connect(image_viewer1.setImage)
    vid.VideoSignal2.connect(image_viewer2.setImage)

    push_button1 = QtWidgets.QPushButton('Start')
    push_button2 = QtWidgets.QPushButton('Canny')
    push_button1.clicked.connect(vid.startVideo)
    push_button2.clicked.connect(vid.canny)

    vertical_layout = QtWidgets.QVBoxLayout()
    horizontal_layout = QtWidgets.QHBoxLayout()
    horizontal_layout.addWidget(image_viewer1)
    horizontal_layout.addWidget(image_viewer2)
    vertical_layout.addLayout(horizontal_layout)
    vertical_layout.addWidget(push_button1)
    vertical_layout.addWidget(push_button2)

    layout_widget = QtWidgets.QWidget()
    layout_widget.setLayout(vertical_layout)

    main_window = QtWidgets.QMainWindow()
    main_window.setCentralWidget(layout_widget)
    main_window.show()
    sys.exit(app.exec_())</code></pre>







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



<figure></figure>





</div> 

			</article>
			
		</div></div>

멈춤보단 천천히라도

webnautes

OpenCV에서 캡처한 영상을 pyQt5로 작성된 GUI에서 보여주는 방법을 다룹니다. 깃허브에 있는 코드를 수정하여 사용했습니다. 2019. 1. 24 최초작성 처음 실행하면 버튼 2개만 보입니다. start 버튼을 클릭하면 웹캠 영상이 보입니다. Canny 버튼을 클릭하면 오른쪽에 캐니 영상을 보여줍니다. 관련 포스트
The post OpenCV에서 캡처한 영상을 pyQt5 윈도우에 보여주기 first appeared on 멈춤보단 천천히라도.

OpenCV에서 캡처한 영상을 pyQt5 윈도우에 보여주기

댓글