Qt 之 MediaPlayer 音视频播放

1、QMediaPlayer简介

QMediaPlayer是Qt提供的一个跨平台媒体播放器类。它没有自带解码库而是对平台相关的播放器框架做了封装提供了平台无关的API。

在Windows下时底层基于微软的DirectShow框架实现需要提前安装解码库。可以下载K-Lite_Codec_Pack或者LAVFilters解码库安装。LAVFilters下载地址https://github.com/Nevcairiel/LAVFilters/releases

在Linux下时底层基于GStreamer框架实现。

2、相关类介绍

2.1 QMediaPlayer

2.1.1 简单用法

播放音频

  player = new QMediaPlayer;
  connect(player, SIGNAL(positionChanged(qint64)), this, SLOT(positionChanged(qint64)));
  player->setMedia(QUrl::fromLocalFile("/Users/me/Music/coolsong.mp3"));
  player->setVolume(50);
  player->play();

播放视频
QVideoWidget可与QMediaPlayer一起用于视频渲染与QMediaPlaylist一起用于访问播放列表功能。

  playlist = new QMediaPlaylist;
  playlist->addMedia(QUrl("http://example.com/movie1.mp4"));
  playlist->addMedia(QUrl("http://example.com/movie2.mp4"));
  playlist->addMedia(QUrl("http://example.com/movie3.mp4"));
  playlist->setCurrentIndex(1);

  player = new QMediaPlayer;
  player->setPlaylist(playlist);

  videoWidget = new QVideoWidget;
  player->setVideoOutput(videoWidget);
  videoWidget->show();
  player->play();

2.1.2 关键枚举类

这些关键的枚举类是实现好用的播放器的关键。需要重点关注哦。
播放器状态 QMediaPlayer::State
播放器有暂停、正在播放和停止三种状态每种状态由下面 QMediaPlayer::MediaStatus来最终表现

媒体状态 QMediaPlayer::MediaStatus

播放标志位Flags

QMediaPlayer::Error 错误标志位

2.1.3 QMediaPlayer 常用属性

2.2 QVideoWidget

QvideoWidget是一个用来展示视频的类需要先定义一个QMediaPlayer对象然后将QMediaPlayer的VideoOutput设置为QVideoWidget对象

常用属性

方法

槽函数

2.3 QMediaPlaylist

QMediaPlaylist类可以为QMediaPlayer提供一个播放列表它其实是QMediaContent对象的列表QMediaPlayer通过函数setPlaylist来设置一个播放列表。QMediaPlaylist通过函数addMedia向播放列表添加一个媒体文件。

播放模式PlaybackMode

属性

方法

槽函数

信号

2.4 QML 相关用法

2.4.1 MediaPlayer

import QtMultimedia 5.0

MediaPlayer {
        id: player;
        source: control.source
        onPositionChanged:
        {
           
        }

        onError: {
            console.error("MediaPlayer error:",errorString)
        }

        onPlaying:
        {
        }

        onStatusChanged:
        {
            console.warn("onStatusChanged",status);
        }

        onPlaybackStateChanged:
        {
        }

		onMediaObjectChanged: {       
        }
   }

2.4.2 QML Audio

 Text {
      text: "Click Me!";
      font.pointSize: 24;
      width: 150; height: 50;

      Audio {
          id: playMusic
          source: "music.wav"
      }
      MouseArea {
          id: playArea
          anchors.fill: parent
          onPressed:  { playMusic.play() }
      }
  }

2.4.3 QML Video

Video 是一种方便的类型它将MediaPlayer的功能和视频输出结合在一起。它提供了简单的视频播放功能无需声明多种类型。

 Video {
      id: video
      width : 800
      height : 600
      source: "video.avi"

      MouseArea {
          anchors.fill: parent
          onClicked: {
              video.play()
          }
      }

      focus: true
      Keys.onSpacePressed: video.playbackState == MediaPlayer.PlayingState ? video.pause() : video.play()
      Keys.onLeftPressed: video.seek(video.position - 5000)
      Keys.onRightPressed: video.seek(video.position + 5000)
  }

3. 遇到的bug

特定版本5.10

3.1 调整倍速不起作用

调整播放倍速时不起作用后来通过重新设置下seek进度来解决了。

function setPlayerSpeed(speed)
    {
        var num = parseFloat(speed.slice(0,speed.length-1))
        player.playbackRate = num
        console.log("setPlayerSpeed",num)
        player.seek(player.position - 1000);
    }

3.1 当弱网情况下拖动进度条导致UI卡主

1 是通过优化进度条的通知时机 比如 信号 moved
2 是通过媒体的状态flage 来展示loading 进行优化