界面开发（4）--- PyQt5实现打开图像及视频播放功能

news2024/11/26 0:41:26

PyQt5创建打开图像及播放视频页面

上篇文章主要介绍了如何实现登录界面的账号密码注册及登录功能，还简单介绍了有关数据库的连接方法。这篇文章我们介绍一下如何在设计的页面中打开本地的图像，以及实现视频播放功能。

实现打开图像功能

为了便于记录实现细节，我们尽量一步步地来。之前的文章已经介绍过如何将新的页面与之前的页面建立连接了，这里就不再赘述，从建立新页面开始。

  1. 首先将label拖到屏幕中央，并在左侧设计成合适的宽和高，用于显示图像和视频。

在这里插入图片描述

  1. 这个label是透明的，为了方便展示，我们为它填充个黑色，呈现出一种幕布的感觉。
  • 使用鼠标右击 label 中心，点击改变样式表；
  • 点击添加颜色，background-color；
  • 选择黑色，点击ok；
  • 然后再点击Apply，最后点击ok。

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

  1. 之后，在下面拖入 Push Button 按钮和 Text Browser 按钮，分别用于打开本文文件，以及显示打开的路径。

在这里插入图片描述

做到这里基础界面就算完成了，将其保存，并使用PyUIC工具转化为.py文件，剩下的部分就剩编写逻辑代码了。

在显示图像方面，我们主要的思想就是通过点击“打开文件”按钮，来选取本地库中的图像，并把路径显示到文本框中。self.image的取值用来判断选取的不是图像的情况。核心代码如下：

class Image_open(QMainWindow, image.Ui_MainWindow):
    def __init__(self, parent=None):
        super(Image_open, self).__init__(parent)
        # UI界面
        self.setupUi(self)
        self.pushButton.clicked.connect(self.open_image)
        
	def open_image(self):
		self.image = None
		# 获取图像的路径
        self.img_path = QFileDialog.getOpenFileName()[0]
        # 将路径存储到对话框中
        self.textBrowser.setText(self.img_path)
        # 可选的图像格式
        img_type = [".bmp", ".jpg", ".png", ".gif"]
        for ig in img_type:
            if ig not in self.img_path:
                continue
            else:
            	self.image = True
            	# 如果是图像文件名的话，读取图像
                img = QPixmap(self.img_path)
                # 获取图像的宽和高
                w = img.width()
                h = img.height()
                # 根据图像与label的比例，最大化图像在label中的显示
                ratio = max(w / self.label.width(), h / self.label.height())
                img.setDevicePixelRatio(ratio)
                # 图像在label中居中显示
                self.label.setAlignment(Qt.AlignCenter)
                self.label.setPixmap(img)
        if self.image is None:
            QMessageBox.information(self, "警告", "我们暂时不支持此格式的文件！", QMessageBox.Ok)

上面单独介绍了打开图像的代码，是为了方便阅读和理解。

而视频播放和打开图像的部分代码是可以共同使用的，因此下面的视频播放也会将打开图像的代码进行介绍。

实现视频播放功能

为了实现视频播放，暂停和关闭功能，我们额外增加了两个 Push Button 按钮，其中左边的那个按钮要实现本地视频的播放与暂停，右边的按钮用于实现视频的关闭。

在这里插入图片描述

接下来是逻辑代码部分。

可以发现我们的两个按钮上面并没有写汉字，这是为了我们在逻辑代码中给他加入标准图标。第一个按钮是播放的图标，第二个按钮是关闭的图标。

为了方便展示，我们把这些连接的设置都放在一个函数里。

 def background(self):
 		# 文件选择按钮
        self.pushButton.clicked.connect(self.open_image)
        # 视频播放图标
        self.pushButton_2.setIcon(self.style().standardIcon(QStyle.SP_MediaPlay))  # 播放图标
        self.pushButton_3.setIcon(self.style().standardIcon(QStyle.SP_MediaStop))  # 停止图标
        
        # 用于开始播放视频的按钮
        self.pushButton_2.clicked.connect(self.play_file) # 这是对应的函数
        # 用于关闭播放视频的按钮
        self.pushButton_3.clicked.connect(self.close_file) # 这是对应的函数
        
		# 当播放的为图像时，设计这两个按钮不能点击，只有当播放的是视频时，才能点击
        self.pushButton_2.setEnabled(False)
        self.pushButton_3.setEnabled(False）

重复上面的判断文件类型函数，这里我们考虑了视频及图像。

当所选文件为视频时，将播放按钮置为可使用。

def pre_judge(self):
   # 创建文件对话框，如果是视频，令self.video = True，如果是图像，令self.video = False，
   # 当self.video = None时，报错。
    self.video = None
    self.img_path = QFileDialog.getOpenFileName()[0]
    self.textBrowser.setText(self.img_path)
    video_type = [".mp4", ".mkv", ".MOV", "avi"]
    img_type = [".bmp", ".jpg", ".png", ".gif"]
    for vdi in video_type:
        if vdi not in self.img_path:
            continue
        else:
            self.video = True
            # 当是视频时，将开始按钮置为可点击状态
            self.pushButton_2.setEnabled(True)
    for ig in img_type:
        if ig not in self.img_path:
            continue
        else:
            self.video = False
            img = QPixmap(self.img_path)
            w = img.width()
            h = img.height()
            ratio = max(w / self.label.width(), h / self.label.height())
            img.setDevicePixelRatio(ratio)
            self.label.setAlignment(Qt.AlignCenter)
            self.label.setPixmap(img)
    if self.video is None:
        QMessageBox.information(self, "警告", "我们暂时不支持此格式的文件！", QMessageBox.Ok)

这里介绍如何播放视频，这里是整个的重点，也是难点。

播放视频，主要是使用其中的 QTimer 计时器，如果计时器被激活，就每隔一段时间读取一个视频帧，并显示。

我们根据计时器是否激活，将开始播放按钮置为暂停或播放，主要由 self.playing 参数控制。

import sys
from PyQt5.QtWidgets import QMessageBox, QFileDialog, QLineEdit
from PyQt5.QtGui import *
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
import mainwindow, image
import cv2
import sqlite3

### 主页面设计，略
class MainWindow(QMainWindow, mainwindow.Ui_MainWindow):
    def __init__(self, parent=None):
        super(MainWindow, self).__init__(parent)
        self.setupUi(self)
        self.image_open = Image_open()
        self.pushButton.clicked.connect(self.image_open.show)
### 未详细说明，请参考前三篇博客
        
class Image_open(QMainWindow, image.Ui_MainWindow):
    def __init__(self, parent=None):
        super(Image_open, self).__init__(parent)
        # UI界面
        self.setupUi(self)
        self.background()
        self.cap = cv2.VideoCapture()
        self.playing = False
        # 在label中播放视频
        self.init_timer()
        
	def background(self):
 		# 文件选择按钮
        self.pushButton.clicked.connect(self.pre_judge)
        # 视频播放图标
        self.pushButton_2.setIcon(self.style().standardIcon(QStyle.SP_MediaPlay))  # 播放图标
        self.pushButton_3.setIcon(self.style().standardIcon(QStyle.SP_MediaStop))  # 停止图标
        
        # 用于开始播放视频的按钮
        self.pushButton_2.clicked.connect(self.play_file) # 这是对应的函数
        # 用于关闭播放视频的按钮
        self.pushButton_3.clicked.connect(self.close_file) # 这是对应的函数
        
		# 当播放的为图像时，设计这两个按钮不能点击，只有当播放的是视频时，才能点击
        self.pushButton_2.setEnabled(False)
        self.pushButton_3.setEnabled(False）
        
    def pre_judge(self):
	   	# 创建文件对话框，如果是视频，令self.video = True，如果是图像，令self.video = False，
	  	# 当self.video = None时，报错。
	    self.video = None
	    self.img_path = QFileDialog.getOpenFileName()[0]
	    self.textBrowser.setText(self.img_path)
	    video_type = [".mp4", ".mkv", ".MOV", "avi"]
	    img_type = [".bmp", ".jpg", ".png", ".gif"]
	    for vdi in video_type:
	        if vdi not in self.img_path:
	            continue
	        else:
	            self.video = True
	            # 当是视频时，将开始按钮置为可点击状态
	            self.pushButton_2.setEnabled(True)
	    for ig in img_type:
	        if ig not in self.img_path:
	            continue
	        else:
	            self.video = False
	            img = QPixmap(self.img_path)
	            w = img.width()
	            h = img.height()
	            ratio = max(w / self.label.width(), h / self.label.height())
	            img.setDevicePixelRatio(ratio)
	            self.label.setAlignment(Qt.AlignCenter)
	            self.label.setPixmap(img)
	    if self.video is None:
	        QMessageBox.information(self, "警告", "我们暂时不支持此格式的文件！", QMessageBox.Ok)
	        
 	# 打开本地视频文件
    def play_file(self):
        self.label.setEnabled(True)
        # 如果播放视频，则使得关闭视频按钮可用
        self.pushButton_3.setEnabled(True)
        # 如果计时器没激活，证明是暂停阶段，需要重新播放，并把self.playing = True。
        if self.timer.isActive() is False:
            self.cap.open(self.img_path)
            self.timer.start(30)
            self.playing = True
            # 更换播放按钮为暂停按钮
            self.set_state()
        # 如果计时器激活了，证明是开始阶段，需要暂停播放，并把self.playing = False。
        else:
            self.timer.stop()
            self.playing = False
            # 更换暂停按钮为播放按钮
            self.set_state()

    # 关闭本地视频
    def close_file(self):
        self.cap.release()
        self.pushButton_2.setEnabled(True)
        self.pushButton_3.setEnabled(False)
        self.timer.stop()
        self.playing = False
        # 关闭视频将按钮置为可以播放
        self.set_state()

    # 本地视频播放暂停转换图标按钮
    def set_state(self):
        if self.playing:
        	# 暂停图标
            self.pushButton_2.setIcon(self.style().standardIcon(QStyle.SP_MediaPause))

        else:
            self.pushButton_2.setIcon(self.style().standardIcon(QStyle.SP_MediaPlay))
  
    # 播放视频画面
    def init_timer(self):
        self.timer = QTimer(self)
        self.timer.timeout.connect(self.show_pic)

    # 显示视频图像
    def show_pic(self):
        ret, img = self.cap.read()
        if ret:
            cur_frame = cv2.cvtColor(img, cv2.COLOR_BGR2RGB)
            # 视频流的长和宽
            height, width = cur_frame.shape[:2]
            pixmap = QImage(cur_frame, width, height, QImage.Format_RGB888)
            pixmap = QPixmap.fromImage(pixmap)
            # 获取是视频流和label窗口的长宽比值的最大值，适应label窗口播放，不然显示不全
            ratio = max(width/self.label.width(), height/self.label.height())
            pixmap.setDevicePixelRatio(ratio)
            # 视频流置于label中间部分播放
            self.label.setAlignment(Qt.AlignCenter)
            self.label.setPixmap(pixmap)

if __name__ == '__main__':
    app = QApplication(sys.argv)
    main = MainWindow()
    main.show()
    sys.exit(app.exec_())

完成出来的结果大概就是这样的！

在这里插入图片描述
日常学习记录，一起交流讨论吧！侵权联系~

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/403229.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

CobaltStrike攻击payload（有效载荷）介绍

CobaltStrike攻击payload（有效载荷）介绍

HTA文档Office宏payload生成器有效载荷生成器windows可执行程序windows可执行程序windows stageless生成所有有效载荷HTA文档该模块为HTML Application attack（HTML应用攻击）。简单来说，就是这个包生成一个运行有效负载的HTML应用程序该模块下…
阅读更多...
TCP UPD详解

TCP UPD详解

文章目录TCP UDP协议1. 概述2. 端口号 复用 分用3. TCP3.1 TCP首部格式3.2 建立连接-三次握手3.3 释放连接-四次挥手3.4 TCP流量控制3.5 TCP拥塞控制3.6 TCP可靠传输的实现3.7 TCP超时重传4. UDP5.TCP与UDP的区别TCP UDP协议 1. 概述 TCP、UDP协议是TCP/IP体系结构传输层中的…
阅读更多...
Flink 定时加载数据源

Flink 定时加载数据源

一、简介 flink 自定义实时数据源使用流处理比较简单，比如 Kafka、MQ 等，如果使用 MySQL、redis 批处理也比较简单 如果需要定时加载数据作为 flink 数据源使用流处理，比如定时从 mysql 或者 redis 获取一批数据，传入 flink 做处…
阅读更多...
三、HTTP协议之三

三、HTTP协议之三

文章目录一、HTTPS协议概述二、 HTTPS使用成本三、从HTTP到HTTPS四、HTTP协议的瓶颈五、双工通信的websocket六、HTTP2.0一、HTTPS协议概述 二、 HTTPS使用成本 HTTPS对性能的影响 https之所有安全是因为使用TLS(SSL)来加密传输. 三、从HTTP到HTTPS 了解个大概 第一步&#x…
阅读更多...
react：二、jsx语法规则

react：二、jsx语法规则

目录 1.传输数据的xml和json格式举例 2.jsx语法规则 3.js语句跟js表达式的区别 4.jsx的小练习 1.传输数据的xml和json格式举例 2.jsx语法规则 1.定义虚拟DOM时，不要写引号。 2.标签中混入JS表达式时要用{}。 3.样式的类名指定不要用class，要用cla…
阅读更多...
第十一章 寡头垄断市场中的企业决策

第十一章 寡头垄断市场中的企业决策

寡头垄断市场的定义、条件 寡头垄断市场：少数几家企业控制了某一行业的市场，供给该行业生产的大部分产品 寡头垄断市场应具备的条件： 一个行业或市场中，只有少数几家企业企业之间存在着相互制约、相互依存的关系新企业进入行业比…
阅读更多...
golang大杀器GMP模型

golang大杀器GMP模型

golang 大杀器——GMP模型 文章目录golang 大杀器——GMP模型1. 发展过程2. GMP模型设计思想2.1 GMP模型2.2 调度器的设计策略2.2.1 复用线程2.2.2 利用并行2.2.3 抢占策略2.2.4 全局G队列2.3 go func()经历了那些过程2.4 调度器的生命周期2.5 可视化的CMP编程2.5.1 trace方式2…
阅读更多...
【LeetCode】33. 搜索旋转排序数组、1290. 二进制链表转整数

【LeetCode】33. 搜索旋转排序数组、1290. 二进制链表转整数

作者：小卢 专栏：《Leetcode》 喜欢的话：世间因为少年的挺身而出，而更加瑰丽。 ——《人民日报》 目录 33. 搜索旋转排序数组 1290. 二进制链表转整数 33. 搜索旋转排序数组 33. 搜索旋转排序…
阅读更多...
JavaEE简单示例——Bean的实例化

JavaEE简单示例——Bean的实例化

简单介绍： 在我们之前使用某个对象，那么就要创建这个类的对象，创建对象的过程就叫做实例化。对于Spring来说，实例化Bean的方式有三种，分别是构造方法实例化，静态方法实例化，实例工厂实例化。我…
阅读更多...
哪款手推式洗地机好用？2023洗地机推荐

哪款手推式洗地机好用？2023洗地机推荐

虽然现在市面上的洗地机层出不穷，但是无论洗地机怎么变，关于洗地机的选择看准吸力、除菌、续航、清洁力这几点就够了。因此，一款好用的洗地机必须要拥有良好的清洁力和续航时间，最好还拥有除菌等细节功能。那么下面就让我们一起来…
阅读更多...
【Linux】文件系统详解

【Linux】文件系统详解

😊😊作者简介😊😊 ： 大家好，我是南瓜籽，一个在校大二学生，我将会持续分享C/C相关知识。 🎉🎉个人主页🎉🎉 ： 南瓜籽的主页…
阅读更多...
Unity脚本复习

Unity脚本复习

1.在Project面板中显示和创建的每一个脚本其实都是一个类，当我们把脚本挂载到Hierarchy层级中的游戏物体时，其实我们就实现了将脚本类实例化为一个脚本组件（对象）的过程 2.在游戏运行时，场景加载，游戏对象…
阅读更多...
云边端协同时序数据库的挑战与解决方案

云边端协同时序数据库的挑战与解决方案

现今，时序数据库在经济金融、环境监控、医疗生物等多个领域有着极为广泛的需求。其中，在环境监控等领域，时序数据库主要部署在云边端架构中。但如何实现云边端协同是目前TSDB所面临的巨大挑战。由于云、边和端的计算、存储资源状况和对数据管…
阅读更多...
【LeetCode】剑指 Offer（21）

【LeetCode】剑指 Offer（21）

目录 题目：剑指 Offer 39. 数组中出现次数超过一半的数字 - 力扣（Leetcode） 题目的接口： 解题思路： 代码： 过啦！！！ 题目：剑指 Offer 40. 最小的k个数 -…
阅读更多...
论文阅读和分析：A Tree-Structured Decoder for Image-to-Markup Generation

论文阅读和分析：A Tree-Structured Decoder for Image-to-Markup Generation

目录1.主要内容：2.树解码器3、损失函数4、结论：参考：1.主要内容： （1、提出创新的树结构解码器来表示树、输出树、优化基于注意力的编解码框架； （2、设计一个问题说明特别是在复杂结构时字符解…
阅读更多...
AidLux AI 应用案例悬赏征集活动正式启动！

AidLux AI 应用案例悬赏征集活动正式启动！

ChatGPT爆火之后，AI领域的人才需求迎来了疯狂增长，AI学习也一跃成为业界大热门。 但AI囊括知识广、学习周期长，要克服理论、实战等多重阻碍并不容易。 而持续降低AI学习门槛是我们一直在做的事情。 为此，我们举办了多期AidLux …
阅读更多...
R语言基础(五)：流程控制语句

R语言基础(五)：流程控制语句

R语言基础(一)：注释、变量 R语言基础(二)：常用函数 R语言基础(三)：运算 R语言基础(四)：数据类型 6.流程控制语句 和大多数编程语言一样，R语言支持选择结构和循环结构。 6.1 选择语句 选择语句是当条件满足的时候才执行…
阅读更多...
【麒麟服务器操作系统忘记开机密码怎么办？---银河麒麟服务器操作系统更改用户密码】

【麒麟服务器操作系统忘记开机密码怎么办？---银河麒麟服务器操作系统更改用户密码】

银河麒麟服务器操作系统更改用户密码 1.启动主机进入 grub 菜单，如图 1.1 以最新版本 Kylin-Server-10-SP2-x86-Release-Build09-20210524 为例。 图 1.1 grub 菜单 2 编辑 kernel 2.1按下”e”输入，输入用户名和密码（root/Kylin123123&…
阅读更多...
【数据结构初阶】由浅入深学习链表

【数据结构初阶】由浅入深学习链表

目录 前言 链表的概念及结构 链表的分类 单链表的实现 接口实现 1.结构体 2.创建一个新结点 3.打印链表数据 4.尾插数据 5.尾删数据 6.头插数据 7.头删数据 8.任意位置删除 9.查找位置 10.pos之前插入 11.pos之后插入 12.释放内存 完整源码 总结 前言 在我们…
阅读更多...
Java Web 实战 07 - 多线程基础之单例模式

Java Web 实战 07 - 多线程基础之单例模式

大家好 , 这篇文章给大家带来的是单例模式 , 单例模式中分为懒汉模式和饿汉模式 , 懒汉模式是需要用的到的时候才去创建实例 , 而饿汉模式是程序一启动就立刻创建实例 , 在这其中还有很多其他问题需要我们去研究 推荐大家跳转到这里 , 观看效果更加 上一篇文章的链接我也贴在这…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023