PyQt5：简易视频播放器

本文旨在介绍如何使用PyQt5制作简易的视频播放器

ps：有些网友也许会遇到只能播放avi格式视频，而mp4等格式无法播放的问题（DirectShowPlayerService::doRender: Unresolved error code 0x8040266 (IDisspatch error #102)），这需要下载一个解码器，可参考这篇博客。

Version 1：最简易播放器

直接选用QT自带播放器和组件即可~

from PyQt5.QtWidgets import QApplication, QFileDialog
from PyQt5.QtMultimedia import QMediaContent, QMediaPlayer
from PyQt5.QtMultimediaWidgets import QVideoWidgetif __name__ == '__main__':app = QApplication([])player = QMediaPlayer()wgt_video = QVideoWidget()  # 视频显示的widgetwgt_video.show()player.setVideoOutput(wgt_video)  # 视频输出的widgetplayer.setMedia(QMediaContent(QFileDialog.getOpenFileUrl()[0]))  # 选取视频文件player.play()app.exec_()

当然，也可以直接在程序里指定视频目录，只需要如下替换一下语句即可：

from PyQt5.Qt import QUrl# player.setMedia(QMediaContent(QFileDialog.getOpenFileUrl()[0]))  # 选取视频文件
player.setMedia(QMediaContent(QUrl.fromLocalFile(r'C:\Users\lenovo\Desktop\crawler.mp4')))

Version 2：自制播放器界面

这里使用Qt Designer给我们简易的播放器加一个界面，提供选择视频的按钮~

首先，我们需要在Qt Designer中设计好我们的简易界面布局：

这里注意，视频播放所用的Widget在左侧工具箱中并没有直接给出，需要自行添加，可以参考这里，也可以参考下面的GIF演示。(Widget提升设置那里，提升的类名称为QVideoWidget，头文件为PyQt5.QtMultimediaWidgets)

下面给出源码，注意btn_select和wgt_player是在designer中给两个控件起的名称，‘video_1.ui’是上面designer保存后的文件~

from PyQt5.QtMultimedia import QMediaContent, QMediaPlayer
from PyQt5.QtWidgets import QFileDialog, QApplication
from PyQt5 import uicclass videoPlayer:def __init__(self):self.ui = uic.loadUi('video_1.ui')  # 加载designer设计的ui程序self.player = QMediaPlayer()self.player.setVideoOutput(self.ui.wgt_player)self.ui.btn_select.clicked.connect(self.openVideoFile)# 打开视频文件并播放def openVideoFile(self):self.player.setMedia(QMediaContent(QFileDialog.getOpenFileUrl()[0]))self.player.play()if __name__ == "__main__":app = QApplication([])myPlayer = videoPlayer()myPlayer.ui.show()app.exec()

Version 3：加入进度控件

下面给我们的播放器加入进度控件，可以对视频进行“播放/暂停”、“进度条显示与控制”、“剩余时间显示”等功能~
designer设计如下：

实现效果如下：（play/pause按钮可以播放暂停视频，进度条可以改变视频进度，并有剩余时间显示）

这其中主要涉及一些控件的信号/信号槽的简单使用，源码如下：

from PyQt5.QtMultimedia import QMediaContent, QMediaPlayer
from PyQt5.QtWidgets import QFileDialog, QApplication
from PyQt5 import uicclass videoPlayer:def __init__(self):# 初始化self.ui = uic.loadUi('video_1.ui')  # 加载designer设计的ui程序# 播放器self.player = QMediaPlayer()self.player.setVideoOutput(self.ui.wgt_player)# 按钮self.ui.btn_select.clicked.connect(self.open)self.ui.btn_play_pause.clicked.connect(self.playPause)# 进度条self.player.durationChanged.connect(self.getDuration)self.player.positionChanged.connect(self.getPosition)self.ui.sld_duration.sliderMoved.connect(self.updatePosition)# 打开视频文件def open(self):self.player.setMedia(QMediaContent(QFileDialog.getOpenFileUrl()[0]))self.player.play()# 播放视频def playPause(self):if self.player.state()==1:self.player.pause()else:self.player.play()# 视频总时长获取def getDuration(self, d):'''d是获取到的视频总时长（ms）'''self.ui.sld_duration.setRange(0, d)self.ui.sld_duration.setEnabled(True)self.displayTime(d)# 视频实时位置获取def getPosition(self, p):self.ui.sld_duration.setValue(p)self.displayTime(self.ui.sld_duration.maximum()-p)# 显示剩余时间def displayTime(self, ms):minutes = int(ms/60000)seconds = int((ms-minutes*60000)/1000)self.ui.lab_duration.setText('{}:{}'.format(minutes, seconds))# 用进度条更新视频位置def updatePosition(self, v):self.player.setPosition(v)self.displayTime(self.ui.sld_duration.maximum()-v)if __name__ == "__main__":app = QApplication([])myPlayer = videoPlayer()myPlayer.ui.show()app.exec()

Version 4：外观设计

完成基本功能后，下面进行一些面子工程，比如：设置窗口图标和标题、设置按钮图标、布局设计、设置背景等。这些功能可以靠编程实现，也可以在Qt Designer中完成~

比如，使用QSS给按钮添加图标：

 self.ui.btn_select.setStyleSheet('QPushButton{background:url(../icon/hide.png) no-repeat center}') # StyleSheet使用CSS语法self.ui.btn_play_pause.setStyleSheet('QPushButton{background:url(../icon/play.png) no-repeat center}')

比如，使用QIcon给窗口添加图标：

app.setWindowIcon(QIcon('../icon/bupt.jpg'))

比如，使用QPainter给窗口加背景图：

    def paintEvent(self, event):painter = QPainter(self)painter.drawPixmap(self.ui.rect(), QPixmap('../icon/bg_1.jpg'))

比如，使用Designer中的QSS更改滑动条、标签外观等
ps：选中控件 — 右键 — 改变样式表…

最后，给出效果展示以及源码~

from PyQt5.QtMultimedia import QMediaContent, QMediaPlayer
from PyQt5.QtWidgets import QFileDialog, QApplication, QWidget, QDialog
from PyQt5.QtGui import QIcon, QColor, QPainter, QPixmap
from PyQt5 import uicclass videoPlayer(QWidget):def __init__(self):super().__init__()self.ui = uic.loadUi('video_1.ui', baseinstance=self)  # 加载designer设计的ui程序# 播放器self.player = QMediaPlayer()self.player.setVideoOutput(self.ui.wgt_player)# 按钮self.ui.btn_select.clicked.connect(self.open)self.ui.btn_play_pause.clicked.connect(self.playPause)# 进度条self.player.durationChanged.connect(self.getDuration)self.player.positionChanged.connect(self.getPosition)self.ui.sld_duration.sliderMoved.connect(self.updatePosition)# 资源图片'''self.ui.btn_select.setIcon(QIcon('../icon/hide.png'))self.ui.btn_play_pause.setIcon(QIcon('../icon/play.png'))'''# self.ui.wgt_player.setStyleSheet("QWidget { background-color: QColor(0,0,0) }" )self.ui.btn_select.setStyleSheet('QPushButton{background:url(../icon/hide.png) no-repeat center}') # StyleSheet使用CSS语法self.ui.btn_play_pause.setStyleSheet('QPushButton{background:url(../icon/play.png) no-repeat center}')# 打开视频文件def open(self):self.player.setMedia(QMediaContent(QFileDialog.getOpenFileUrl()[0]))self.player.play()self.ui.btn_play_pause.setStyleSheet('QPushButton{background:url(../icon/pause.png) no-repeat center}')# 播放视频def playPause(self):if self.player.state()==1:self.player.pause()self.ui.btn_play_pause.setStyleSheet('QPushButton{background:url(../icon/play.png) no-repeat center}')elif self.player.state()==2 or self.ui.sld_duration.value()!=0:self.player.play()self.ui.btn_play_pause.setStyleSheet('QPushButton{background:url(../icon/pause.png) no-repeat center}')# 视频总时长获取def getDuration(self, d):'''d是获取到的视频总时长（ms）'''self.ui.sld_duration.setRange(0, d)self.ui.sld_duration.setEnabled(True)self.displayTime(d)# 视频实时位置获取def getPosition(self, p):self.ui.sld_duration.setValue(p)self.displayTime(self.ui.sld_duration.maximum()-p)# 显示剩余时间def displayTime(self, ms):minutes = int(ms/60000)seconds = int((ms-minutes*60000)/1000)self.ui.lab_duration.setText('{}:{}'.format(minutes, seconds))if ms==0:self.ui.btn_play_pause.setStyleSheet('QPushButton{background:url(../icon/play.png) no-repeat center}')# 用进度条更新视频位置def updatePosition(self, v):self.player.setPosition(v)self.displayTime(self.ui.sld_duration.maximum()-v)# 自定义paintEvent，绘制背景图def paintEvent(self, event):painter = QPainter(self)painter.drawPixmap(self.ui.rect(), QPixmap('../icon/bg_1.jpg'))if __name__ == "__main__":app = QApplication([])app.setWindowIcon(QIcon('../icon/bupt.jpg'))myPlayer = videoPlayer()myPlayer.ui.show()app.exec()