从零开始学习音视频编程技术(六) FFMPEG Qt视频播放器之显示图像
时间:2016年09月07日 人气:...


前面讲解了如何用FFMPEG解码视频。

现在,我们就着手用FFMPEG+Qt写一个视频播放器吧:



由于现在我们需要显示图像了,因此现在开始需要使用Qt GUI工程了。

创建工程的时候记得选择Qt GUI应用。


引用FFMPEG请参考前面的文章,这里不再介绍。



做过图像界面开发的都知道,任何耗时的操作都不能放在主线程进行,一旦主线程阻塞了,那么体现出来的就是界面卡了。 而我们读取视频和解码视频是一个非常耗时的操作,因此需要另外开辟一个线程来专门做这件事。


Qt里面线程的用法 则是写一个类继承QThread, 然后重载其run函数,把耗时的操作全部放入run函数。

class VideoPlayer : public QThread
{
    Q_OBJECT

public:
    explicit VideoPlayer();
    ~VideoPlayer();

protected:
    void run();

};


这里run函数里面就是写我们读取视频和解码视频的代码了;

读取和解码还是和前面说的一样的方法:


改动的一点是:

由于我们需要用Qt的控件来显示,因此是把解码之后的YUV数据转换成了RGB32格式的数据:

///这里我们改成了 将解码后的YUV数据转换成RGB32    
img_convert_ctx = sws_getContext(pCodecCtx->width, pCodecCtx->height,
            pCodecCtx->pix_fmt, pCodecCtx->width, pCodecCtx->height,
            PIX_FMT_RGB32, SWS_BICUBIC, NULL, NULL, NULL);

    numBytes = avpicture_get_size(PIX_FMT_RGB32, pCodecCtx->width,pCodecCtx->height);

    out_buffer = (uint8_t *) av_malloc(numBytes * sizeof(uint8_t));
    avpicture_fill((AVPicture *) pFrameRGB, out_buffer, PIX_FMT_RGB32,
            pCodecCtx->width, pCodecCtx->height);
            
            
....
...
..

sws_scale(img_convert_ctx,
                (uint8_t const * const *) pFrame->data,
                pFrame->linesize, 0, pCodecCtx->height, pFrameRGB->data,
                pFrameRGB->linesize);



同时将转换后的RGB32数据存入QImage对象:

//把这个RGB数据 用QImage加载
QImage tmpImg((uchar *)out_buffer,pCodecCtx->width,pCodecCtx->height,QImage::Format_RGB32);



由于我们不能够在子线程中操作界面,(操作界面只能在主线程中进行,几乎所有的图形界面开发都是这样设定),因此我们只能给主线程发送信号,信号带上这个QIMage,让主线程帮忙把这个图像显示出来。


声明信号:

signals:    
    void sig_GetOneFrame(QImage); //没获取到一帧图像 就发送此信号


发送信号:

//把这个RGB数据 用QImage加载                
QImage tmpImg((uchar *)out_buffer,pCodecCtx->width,pCodecCtx->height,QImage::Format_RGB32);
QImage image = tmpImg.copy(); //把图像复制一份 传递给界面显示
emit sig_GetOneFrame(image);  //发送信号



主线程绑定并接收信号:

    mPlayer = new VideoPlayer;    
    connect(mPlayer,SIGNAL(sig_GetOneFrame(QImage)),this,SLOT(slotGetOneFrame(QImage)));


信号处理函数如下:

void MainWindow::slotGetOneFrame(QImage img){
    mImage = img;
    update(); //调用update将执行 paintEvent函数
}



主线程显示图像 则是通过QPainter直接绘制:

void MainWindow::paintEvent(QPaintEvent *event){
    QPainter painter(this);
    painter.setBrush(Qt::black);
    painter.drawRect(0, 0, this->width(), this->height()); //先画成黑色

    if (mImage.size().width() <= 0) return;

    ///将图像按比例缩放成和窗口一样大小
    QImage img = mImage.scaled(this->size(),Qt::KeepAspectRatio);

    int x = this->width() - img.width();
    int y = this->height() - img.height();

    x /= 2;
    y /= 2;

    painter.drawImage(QPoint(x,y),img); //画出图像

}



运行之后的程序如下:



当然这个离播放器还有十万八千里的步伐,后面我们将会一步一步完善它。

古语有云:不积跬步,无以至千里;不积小流,无以成江海。

写代码也一样,得慢慢来,一步一步往目标走,总能成功。



完整的工程下载地址:

http://download.csdn.net/detail/qq214517703/9624527


======BUG修复  Begin =======

2017-11-28更新:

此程序在Qt5下使用的时候会有一个bug,既播放器后打开后是黑屏的,原因是文件没有正常打开,当时用的是Qt4测试的,所有木有发现。

解决方法其实很简单:

void VideoPlayer::run()里面的

char *file_path = mFileName.toUtf8().data();

修改成如下即可:

char file_path[512] = {0};    
strcpy(file_path, mFileName.toUtf8().data())

======BUG修复  End =======


学习音视频技术欢迎访问 http://blog.yundiantech.com  

音视频技术交流讨论欢迎加 QQ群 121376426