Python流媒体视频网站 python 流媒体播放器

一、环境准备：

pycharm+python3.5+pyqt5.6+qtdesigner+ 解码器

1、pycharm 官网下载就可以，community版本，免费使用。

2、python3.5 安装anaconda，官网下载

3、pyqt5.6 ， 试用pip或conda命令安装一下，例如 conda install pyqt

4、qtdesigner 详细见 ，按着步骤走   （附送python安装whl的方法            ，两个external 工具最好设置一下，很方便）

5、解码器的话下载安装就好 LAV 解码器的 地址：http://forum.doom9.org/showthread.php?t=156191

      Version 0.73.1: Installer (both x86/x64)   （我是直接下载的这个安装一下就解决问题了）

  （PS： DirectShowPlayerService::doPlay: Unresolved error code 8007000e 这个错误      在cmd中运行python可以看到，如果直接是pycharm中运行的话打开视频文件后就一直无      反应。)

仍然无法打开报同样错误（被我碰到了，win7系统，推荐安装K-Lite Codec Pack               http://www.codecguide.com/download_k-lite_codec_pack_basic.htm）

二、详细代码

1、简单的第一个demo代码如下（py_player_demo1.py）：

from PyQt5.QtWidgets import *
from PyQt5.QtMultimedia import *
from PyQt5.QtMultimediaWidgets import QVideoWidget
import sys
if __name__ == '__main__':
    app = QApplication(sys.argv)
    player = QMediaPlayer()
    vw=QVideoWidget()                       # 定义视频显示的widget
    vw.show()
    player.setVideoOutput(vw)                 # 视频播放输出的widget，就是上面定义的
    player.setMedia(QMediaContent(QFileDialog.getOpenFileUrl()[0]))  # 选取视频文件
    player.play()                               # 播放视频
    sys.exit(app.exec_())

创建一个QMediaPlayer,然后直接用文件对话框打开视频播放，选择完之后直接进行播放。效果如下：

 （打开文件）  

   （播放效果）

2、带有播放控制的版本

（1）界面设计：

首先我们在目录下创建一个GUI.ui的文件，然后右键用external tools 的qtdesigner打开来构建所需要的界面：

 (方便打开qtdesigner)   

(创建mainwindow)

在QT Desinger 中可以根据需要直接拖控件，这里只实现了最简单的视屏播放功能，所以放了三个pushbutton，一个slide，一个label一个widget。因为后面要进行双击事件的响应，所以要重写QVideoWidget 这个类，我把新继承的类名定为myVideoWidget。 在刚才拖放好的界面中右键提升widget，提升为myVideoWidget控件就完成界面GUI 设计了。(promot 提升的时候promoted class name 填写的就是自己的写的类，比如myVideoWidget，header file 填写的就是类所在的文件名）

 （界面） 

 （提升widget）

然后保存设计好的ui文件，可以覆盖掉刚才新建的。然后用pyuic 将ui文件转成py文件：

 （这样目一录下就会多出一个GUI.py 文件，这个py才是实际运行的时候的界面UI文件）

（2）代码设计：

  新建一个文件myVideoWidget.py 然后继承原来的QVideoWidget, 重写鼠标双击事件，当有双击时发送信号：

（注意这里的文件名和类名要和对应上面widget提升时候的名字。）

from PyQt5.QtMultimediaWidgets import QVideoWidget
from PyQt5.QtCore import *
class myVideoWidget(QVideoWidget):
    doubleClickedItem = pyqtSignal(str)  # 创建双击信号
    def __init__(self,parent=None):
        super(QVideoWidget,self).__init__(parent)
    def mouseDoubleClickEvent(self,QMouseEvent):     #双击事件
        self.doubleClickedItem.emit("double clicked")

主函数设计： py_player_demo2.py

这里实现全屏的思路就是使用两个myVideoWidget,然后根据双击，进行切换，实现效果基本上看不出有两个widget（如果你切换任务管理器就能明显看到是两个窗口）

from PyQt5.QtWidgets import *
from PyQt5.QtMultimedia import *
from PyQt5.QtGui import *
from PyQt5.QtCore import *
from PyQt5.QtMultimediaWidgets import QVideoWidget
from GUI import Ui_MainWindow
from myVideoWidget import myVideoWidget
import sys


class myMainWindow(Ui_MainWindow,QMainWindow):
    def __init__(self):
        super(Ui_MainWindow, self).__init__()
        self.setupUi(self)
        self.sld_video_pressed=False  #判断当前进度条识别否被鼠标点击
        self.videoFullScreen = False   # 判断当前widget是否全屏
        self.videoFullScreenWidget = myVideoWidget()   # 创建一个全屏的widget
        self.videoFullScreenWidget.setFullScreen(1)
        self.videoFullScreenWidget.hide()               # 不用的时候隐藏起来
        self.player = QMediaPlayer()
        self.player.setVideoOutput(self.wgt_video)  # 视频播放输出的widget，就是上面定义的
        self.btn_open.clicked.connect(self.openVideoFile)   # 打开视频文件按钮
        self.btn_play.clicked.connect(self.playVideo)       # play
        self.btn_stop.clicked.connect(self.pauseVideo)       # pause
        self.player.positionChanged.connect(self.changeSlide)      # change Slide
        self.videoFullScreenWidget.doubleClickedItem.connect(self.videoDoubleClicked)  #双击响应
        self.wgt_video.doubleClickedItem.connect(self.videoDoubleClicked)   #双击响应
        self.sld_video.setTracking(False)
        self.sld_video.sliderReleased.connect(self.releaseSlider)
        self.sld_video.sliderPressed.connect(self.pressSlider)
        self.sld_video.sliderMoved.connect(self.moveSlider)

    def moveSlider(self, position):
        if self.player.duration() > 0:  # 开始播放后才允许进行跳转
            video_position = int((position / 100) * self.player.duration())
            self.player.setPosition(video_position)
            self.lab_video.setText(str(round(position, 2)) + '%')

    def pressSlider(self):
        self.sld_video_pressed = True
        print("pressed")

    def releaseSlider(self):
        self.sld_video_pressed = False
        
    def changeSlide(self, position):
        if not self.sld_video_pressed:  # 进度条被鼠标点击时不更新
            self.vidoeLength = self.player.duration()+0.1
            self.sld_video.setValue(round((position/self.vidoeLength)*100))
            self.lab_video.setText(str(round((position/self.vidoeLength)*100, 2))+'%')
            
    def openVideoFile(self):
        self.player.setMedia(QMediaContent(QFileDialog.getOpenFileUrl()[0]))  # 选取视频文件
        self.player.play()  # 播放视频

    def playVideo(self):
        self.player.play()

    def pauseVideo(self):
        self.player.pause()
        
    def videoDoubleClicked(self, text):

        if self.player.duration() > 0:  # 开始播放后才允许进行全屏操作
            if self.videoFullScreen:
                self.player.pause()
                self.videoFullScreenWidget.hide()
                self.player.setVideoOutput(self.wgt_video)
                self.player.play()
                self.videoFullScreen = False
            else:
                self.player.pause()
                self.videoFullScreenWidget.show()
                self.player.setVideoOutput(self.videoFullScreenWidget)
                self.player.play()
                self.videoFullScreen = True


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

 

效果如下：

 （播放界面）               

 （全屏界面）

视频进度条更新

   通过changeSlide 函数我们已经实现了视频播放的进度更新，那么如何实现进度条的拖拽、点击实现视频的跳转呢？

首先需要了解slider（进度条）的一些UI响应操作，比如通常我们所说的进度条“拖拽”，在qt的slider里面其实是分为三个部分：

 （1）鼠标点击进度条   发送sliderPressed 信号 （2）进度条拖动 发送sliderMoved 信号 （3）松开鼠标 发送 sliderReleased信号

因此实现拖拽控制视频进度跳转的逻辑就为：sliderPressed 的时候，原先的进度条就不需要根据视频播放的进度不断更新，因此设置了

sld_video_pressed 为TRUE转态变量，让进度条不要跟着视频播放自动更新，然后moved的时候就不断根据当前的位置去设置视频的播放位置

self.player.setPosition(video_position)来完成，最后sliderReleased 的时候再把sld_video_pressed 设置为False，让进度条跟着视频播放自动更新

实现进度条点击跳转的逻辑为： 由于slider的位置信息是由视频进度来控制（视频播放进度是由slider的value来展示的），因此我们无法直接通过slider的valueChanged信号函数来实现视频进度的点击跳转（否则会造成死循环：视频播放到A位置，slider跳转到A位置进行进度显示（发出valuChanged信号），A位置出发valueChanged信号告诉视频要播放到A位置）

因此我们单独写了一个myslider这个类，重写了里面的mousePressEvent 事件，通过鼠标点击的位置，间接算出应该跳转的进度位置，发出ClickedValue 信号来告诉视频应该跳转的位置来实现。

from PyQt5.QtCore import *
from PyQt5.QtWidgets import QSlider

class myVideoSlider(QSlider):
    ClickedValue = pyqtSignal(int)

    def __init__(self, father):
        super().__init__(Qt.Horizontal, father)

    def mousePressEvent(self, QMouseEvent):     #单击事件
        super().mousePressEvent(QMouseEvent)
        value = QMouseEvent.localPos().x()
        # self.setValue(int(value)/9)
        value = round(value/self.width()*self.maximum())  # 根据鼠标点击的位置和slider的长度算出百分比
        self.ClickedValue.emit(value)

 最后重新排版了一下界面（视频的widget可以随着界面的拖动自动缩放），哦，对了还把声音控制的进度条加上了（掌握了视频的进度条，这个就不在话下）：

视频播放界面

 

    总结：

1、涉及的知识点主要包括，qtdesigner 的使用，采用控件的使用、如何重写原来的控件，增添新的功能。

     pytqt5 中信号和槽 的使用，这些都是qt掌握的基本。

2、主要是实现视频播放的demo，这个例子理解了，后面其它功能的添加就好比搭积木一样了

3、后面可以扩展的功能有很多，比如不同倍速播放、快捷键等，都可以自己根据需求添加如声音控制，视频进度控制（这里进度条只是显示而已，视频进度条这里也有个坑，

今天不填，主要是显示和调整两个有冲突）

  视频截图功能涉及到的东西比较多就单独写了一篇：