PyQt5学习笔记--基于Qt Designer加载、播放和保存视频

目录

1--基于Qt Designer设计ui文件

2--代码

3--结果

4--补充

5--加载、播放、转换和保存视频的实例


1--基于Qt Designer设计ui文件

2--代码

from PyQt5.QtWidgets import *
from PyQt5.QtMultimedia import *
from PyQt5.QtMultimediaWidgets import QVideoWidget
from PyQt5 import uic
import sys

class MyWindow(QWidget):
    def __init__(self):
        super().__init__()
        self.init_ui()

    def init_ui(self):
        self.ui = uic.loadUi("./video.ui")  # 加载由Qt Designer设计的ui文件

        # 加载自定义ui属性
        self.openGLWidget = self.ui.openGLWidget
        self.video_btn1 = self.ui.pushButton
        self.video_btn2 = self.ui.pushButton_2

        # 创建一个布局将 QVideoWidget 内嵌到 自定义ui的Widget中
        layout = QHBoxLayout()
        self.vw = QVideoWidget()
        layout.addWidget(self.vw)
        self.openGLWidget.setLayout(layout)

        # img_btn1 绑定槽函数 loadVideo()
        self.video_btn1.clicked.connect(self.loadVideo)

        # img_btn2 绑定槽函数 playVideo()
        self.video_btn2.clicked.connect(self.playVideo)

    def loadVideo(self):
        self.player = QMediaPlayer()
        self.player.setVideoOutput(self.vw) # 视频播放的widget
        self.player.setMedia(QMediaContent(QFileDialog.getOpenFileUrl()[0])) # 选取视频文件

    def playVideo(self):
        self.player.play() # 播放视频
        self.vw.show()

if __name__ == '__main__':

    app = QApplication(sys.argv)
    w = MyWindow()
    w.ui.show()
    sys.exit(app.exec_())

3--结果

4--补充

① 上述代码只实现了加载视频和播放视频的功能,缺少暂停、进度移动等常见功能。

② 上述代码将 QVideoWidget 通过一个layout布局的形式内嵌到自定义的 QOpenGLWidget 中,但播放测试视频的时候存在视频无法覆盖 Widget 的问题。

5--加载、播放、转换和保存视频的实例

① 基于Qt Designer 设计 ui 文件

② 代码

注:代码具有保存视频的功能,转换视频则采取了最简单的灰度化处理操作作为功能展示。

from PyQt5.QtGui import QImage, QPixmap
from PyQt5.QtWidgets import *
from PyQt5.QtMultimedia import *
from PyQt5.QtMultimediaWidgets import QVideoWidget
from PyQt5 import uic
import sys
import cv2

class MyWindow(QWidget):
    def __init__(self):
        super().__init__()
        self.init_ui()

    def init_ui(self):
        self.ui = uic.loadUi("./video.ui")  # 加载由Qt Designer设计的ui文件

        # 加载自定义ui属性
        self.openGLWidget1 = self.ui.openGLWidget
        self.QGraphView = self.ui.graphicsView
        self.video_btn1 = self.ui.pushButton
        self.video_btn2 = self.ui.pushButton_2
        self.gray_btn3 = self.ui.pushButton_3
        self.gray_btn4 = self.ui.pushButton_4

        # 创建一个布局将 QVideoWidget 内嵌到 自定义ui的Widget1中
        layout1 = QHBoxLayout()
        self.vw1 = QVideoWidget()
        layout1.addWidget(self.vw1)
        self.openGLWidget1.setLayout(layout1)

        # video_btn1 绑定槽函数 loadVideo()
        self.video_btn1.clicked.connect(self.loadVideo)

        # video_btn2 绑定槽函数 playVideo()
        self.video_btn2.clicked.connect(self.playVideo)

        # gray_btn3 绑定槽函数 convert_gray()
        self.gray_btn3.clicked.connect(self.convert_gray)

        # gray_btn4 绑定槽函数 save_gray()
        self.gray_btn4.clicked.connect(self.save_gray)

    def loadVideo(self):
        self.player = QMediaPlayer()
        self.player.setVideoOutput(self.vw1) # 视频播放的widget
        self.video_file = QFileDialog.getOpenFileUrl()[0]
        self.video_path = self.video_file.toString()[8:]
        print(self.video_path)
        self.player.setMedia(QMediaContent(self.video_file))# 选取视频文件

    def playVideo(self):
        self.player.play() # 播放视频
        self.vw1.show()

    def convert_gray(self):

        cap = cv2.VideoCapture(self.video_path)
        fps = cap.get(cv2.CAP_PROP_FPS)

        while True:
            ret, frame = cap.read()
            if not ret:
                break
            gray = cv2.cvtColor(frame, cv2.COLOR_BGR2GRAY) # 灰度图转换
            frame = QImage(gray.data, gray.shape[1], gray.shape[0], gray.strides[0], QImage.Format_Indexed8)
            pix = QPixmap.fromImage(frame)
            item = QGraphicsPixmapItem(pix)  # 创建像素图元
            scene = QGraphicsScene()  # 创建场景
            scene.addItem(item)
            self.QGraphView.setScene(scene)  # 将场景添加至视图
            self.QGraphView.fitInView(item)  # 自适应大小
            cv2.waitKey(int((1/fps)*1000))

        cap.release()

    def save_gray(self):
        self.output_path = self.video_path.rsplit("/", 1)[0] + '/gray_' + self.video_path.rsplit("/", 1)[1]
        cap = cv2.VideoCapture(self.video_path)
        h = cap.get(cv2.CAP_PROP_FRAME_HEIGHT)
        w = cap.get(cv2.CAP_PROP_FRAME_WIDTH)
        fps = cap.get(cv2.CAP_PROP_FPS)
        fourcc = cv2.VideoWriter_fourcc(*'XVID')
        writer = cv2.VideoWriter(filename = self.output_path, fourcc = fourcc, fps = fps,
                                 frameSize = (int(w), int(h)), isColor = 0)
        while True:
            ret, frame = cap.read()
            if not ret:
                break
            gray = cv2.cvtColor(frame, cv2.COLOR_BGR2GRAY)  # 灰度图转换
            writer.write(gray)  # 保存灰度图

        cap.release()

if __name__ == '__main__':

    app = QApplication(sys.argv)
    w = MyWindow()
    w.ui.show()
    sys.exit(app.exec_())

 ③ 结果展示:

 

  • 7
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
PyQt5是一个Python绑定Qt库的工具包,可以用于创建桌面应用程序。Qt Designer是一个用于创建Qt界面的可视化工具,可以方便地创建GUI界面并导出为.ui文件。 要使用Qt Designer编写PyQt5界面,可以按照以下步骤进行操作: 1. 安装PyQt5Qt Designer 如果你还没有安装PyQt5Qt Designer,可以使用以下命令进行安装: ``` pip install PyQt5 pyqt5-tools ``` 2. 创建Qt Designer界面 打开Qt Designer,创建一个新的界面。 3. 设计界面 在Qt Designer中,你可以从工具箱中拖拽控件到界面中,设置控件的属性,布局等。 4. 保存界面 在Qt Designer中,选择“文件”->“保存”,将界面保存为.ui文件。 5. 将.ui文件转换为.py文件 使用以下命令将.ui文件转换为.py文件: ``` pyuic5 -o ui_filename.py ui_filename.ui ``` 其中,ui_filename是你的.ui文件名。这将生成一个.py文件,其中包含Qt Designer界面的Python代码。 6. 编写程序 在Python代码中导入生成的.py文件,然后使用它来创建GUI界面。 下面是一个简单的示例程序: ```python from PyQt5 import QtWidgets, uic class MainWindow(QtWidgets.QMainWindow): def __init__(self): super(MainWindow, self).__init__() # Load the ui file uic.loadUi('ui_filename.ui', self) if __name__ == '__main__': app = QtWidgets.QApplication([]) window = MainWindow() window.show() app.exec_() ``` 在此示例中,我们使用`uic.loadUi`方法将.ui文件加载到`MainWindow`类中,然后创建`QApplication`和`MainWindow`实例,并将窗口显示出来。 以上就是使用Qt Designer编写PyQt5界面的基本步骤。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值