Qt+SDL+ffmpeg视频播放演示

[复制链接]

gaosmile 发布时间：2021-2-1 13:03

技术帖
文章封面:	-
文章简介:	-

一、前言

在前几篇文章当中，有提到过用源码去搭建ffmpeg的命令环境开发，为啥要这样去搭建环境，为什么不用直接用下面这个命令在ubuntu下安装多快，简单又方便：

sudo apt install ffmpeg

今天分享ffmepg第五弹：ffmpeg+qt+SDL的真正开发环境，就要用源码安装的方式去在qt里面调用ffmpeg相关的库；还记得之前源码搭建创建的三个文件夹不：

bin ffmpeg_sources ffmpeg_build

bin文件夹下是编译得到的二进制文件

txp@txp-virtual-machine:~/bin$ ls
ffmpeg ffplay ffprobe lame nasm
ndisasm x264

ffmpeg_sources文件下是下载的各种库的源码：

txp@txp-virtual-machine:~/ffmpeg_sources$ ls
fdk-aac                lame-3.100.tar.gz    SDL2-2.0.14.tar.gz
ffmpeg                libvpx             SVT-AV1
ffmpeg-4.2.1          nasm-2.14.02       x264
ffmpeg-4.2.1.tar.bz2    nasm-2.14.02.tar.bz2  x265_git
ffmpeg-snapshot.tar.bz2  opus
lame-3.100             SDL2-2.0.14

ffmpeg_build文件夹主要是ffmpeg的一些库文件，等下下面演示的模板就要调用ffmpeg相关的库：

txp@txp-virtual-machine:~/ffmpeg_build/lib$ ls
cmake       libmp3lame.a          libSDL2.la    libswscale.a
libavcodec.a libmp3lame.la       libSDL2main.a libvpx.a
libavdevice.a  libopus.a             libSDL2main.la libx264.a
libavfilter.a  libopus.la          libSDL2.so    libx265.a
libavformat.a  libpostproc.a       libSDL2_test.a pkgconfig
libavutil.a libSDL2-2.0.so.0    libSDL2_test.la
libfdk-aac.a libSDL2-2.0.so.0.14.0  libSvtAv1Enc.a
libfdk-aac.la  libSDL2.a             libswresample.a

因为我已经搭建好了开发环境，从现在来看的话，如果你直接用命令去安装ffmpeg的话，到时候我们在qt的环境中去调用ffmpeg的库，至少到目前为止我暂时不知道去如何配置相关路径来调用ffmpeg的库；所以我们明白了这点，那么就撸起袖子肝就是。

二、 qt环境搭建

玩过qt的朋友，对于这块应该比我熟悉多了；不过有可能有一些朋友可能没有接触过qt的话，为此我还是简单演示一下qt的安装步骤：

首先我们要去qt的官网下载linux版本的源码安装包：, R4 i8 W' R- k$ F# J% {+ @

版本下载地址：
https://download.qt.io/archive/qt/5.12/5.12.10/

开始安装qt：) z% e, F9 r6 N b

这里我直接把qt的源码包下载到samba服务共享文件下，当然你也可以直接在ubuntu下载：

然后我在share目录创建一个qt文件夹，用存放qt安装的地方，然后直接运行这个源码文件：

接着就会出现qt的安装界面：

最终qt就安装完成了，但是如果你运行qt执行失败的话(注意qtcreator的所放在的路线)：

txp@txp-virtual-machine:~/share/qt/Qt5.12.10/Tools/QtCreator/bin$ sudo ./qtcreator

Got keys from plugin meta data ("xcb")
QFactoryLoader:

FactoryLoader() checking directory path "/home/txp/share/qt/Qt5.12.10/Tools/QtCreator/bin/platforms" ...
loaded library "/home/txp/share/qt/Qt5.12.10/Tools/QtCreator/lib/Qt/plugins/platforms/libqxcb.so"
loaded library "Xcursor"
Segmentation fault (core dumped)

解决qt运行失败的方法：1 K& \' T0 [4 n6 e

在这个脚本里面添加一句话：

然后接着再安装相关插件：

sudo apt install --reinstall libxcb-xinerama0

然后我们执行一下，就可以成功打开qt了：

还有一种方法直接打开qt，因为按照上面的这种方式打开的话，每次都要跑到这个目录去执行这条语句才行：

txp@txp-virtual-machine:~/share/qt/Qt5.12.10/Tools/QtCreator/bin$
sudo ./qtcreator

现在我们只要执行下面这条语句就不用这么麻烦了：

sudo chown -R txp:txp ~/.config/

然后你就可以像在windows环境下去直接打开这个软件就行：

三、牛刀小试，调用ffmpeg库3.1 示例模板，显示打印ffmpeg的版本：

现在我们打开刚才安装好的qt软件，来创建一个工程：

最终一个工程项目就建立好了：8 y/ }: }# C$ P8 ?

我们可以看到两个文件，一个是以.pro结尾的qt工程管理配置文件，一个主源码文件，现在我们就简单使用ffmpeg库来打印ffmpeg的版本号：

配置pro文件：pro文件里面默认是：
]* Y7 |: y. d. Y5 }

TEMPLATE = app
CONFIG += console
CONFIG -= app_bundle
CONFIG -= qt

SOURCES += \
main.c

现在我们要加入ffmpeg_build目录下的ffmpeg库文件：

TEMPLATE = app
CONFIG += console
CONFIG -= app_bundle
CONFIG -= qt

SOURCES += \
      main.c
INCLUDEPATH += /home/txp/ffmpeg_build/include
#LIBS += /home/txp/ffmpeg_build/lib/libSDL2.so

LIBS += /home/txp/ffmpeg_build/lib/libavcodec.a \
      /home/txp/ffmpeg_build/lib/libavdevice.a \
      /home/txp/ffmpeg_build/lib/libavfilter.a \
      /home/txp/ffmpeg_build/lib/libavformat.a \
      /home/txp/ffmpeg_build/lib/libavutil.a \
      /home/txp/ffmpeg_build/lib/libswresample.a \
      /home/txp/ffmpeg_build/lib/libswscale.a

main.c源码文件就可以修改成这样：
7 x) Z& K9 A* o

#include <stdio.h>
//包含ffmpeg头⽂件
#include "libavutil/avutil.h"
int main()
{
printf("Hello FFMPEG, version is %s\n", av_version_info());
return 0;
}

最终结果，显示ffmpeg的版本为 4.2.1：

20:01:19: Starting /home/txp/share/qt/workspace/build-linux_1-ffmpeg-Desktop_Qt_5_12_10_GCC_64bit-Debug/linux_1-ffmpeg ...
Hello FFMPEG, version is 4.2.1
20:01:19: /home/txp/share/qt/workspace/build-linux_1-ffmpeg-Desktop_Qt_5_12_10_GCC_64bit-Debug/linux_1-ffmpeg exited with code 0

注意：我们的ubuntu运行环境一定要是64位的，不然安装不了这个版本的qt;还有一点，其实我们在.pro文件里面，按键盘上的ctrl键然后把鼠标放到库文件路径上，是可以打开里面的：

3.2、搭建SDL，然后播放yuv格式的视频文件：

关于什么是SDL，这里我就不造轮子了，可以参考雷神的文章介绍：

https://blog.csdn.net/leixiaohua1020/article/details/11954039

下面我们去SDL的官网下源码包就行安装：

https://www.libsdl.org/download-2.0.php

开始安装，先把这个源码包放到ffmpeg_sources目录下去，然后进行解压：
' q$ a* u0 ] S% B* ~

txp@txp-virtual-machine:~/ffmpeg_sources$ tar zxf SDL2-2.0.14.tar.gz
txp@txp-virtual-machine:~/ffmpeg_sources$ ls
fdk-aac                lame-3.100.tar.gz    SDL2-2.0.14.tar.gz
ffmpeg                libvpx             SVT-AV1
ffmpeg-4.2.1          nasm-2.14.02       x264
ffmpeg-4.2.1.tar.bz2    nasm-2.14.02.tar.bz2  x265_git
ffmpeg-snapshot.tar.bz2  opus
lame-3.100             SDL2-2.0.14

然后执行：

txp@txp-virtual-machine:~/ffmpeg_sources/SDL2-2.0.14$ ./autogen.sh
Generating build information using autoconf
This may take a while ...
Now you are ready to run ./configure

这里提示了你直接运行 ./configure:

./configure --prefix=/home/txp/ffmpeg_build --bindir=/home/txp/bin

然后进行编译：make -j4
$ a1 I! L3 W! p" G7 o) d

txp@txp-virtual-machine:~/ffmpeg_sources/SDL2-2.0.14$
make -j4

最后再执行sudo make install就行，SDL就安装成功了：: G P" a! a8 J! y! Y$ W

txp@txp-virtual-machine:~/ffmpeg_sources/SDL2-2.0.14$
sudo make install

下面我再创建一个工程，具体过程我就再写了，和第一个工程创建是一样的：这里我的main.c文件里面的源代码，大家先不用管代码具体啥意思：

#include <stdio.h>
#include <string.h>
#include "SDL2/SDL.h"//包含SDL动态库文件

//自定义消息类型
#define REFRESH_EVENT (SDL_USEREVENT + 1)    // 请求画面刷新事件
#define QUIT_EVENT    (SDL_USEREVENT + 2)    // 退出事件

//定义分辨率
// YUV像素分辨率
#define YUV_WIDTH 320
#define YUV_HEIGHT  240
//定义YUV格式
#define YUV_FORMAT  SDL_PIXELFORMAT_IYUV

int s_thread_exit = 0;  // 退出标志 = 1则退出

int refresh_video_timer(void *data)
{
while (!s_thread_exit)
{
      SDL_Event event;
      event.type = REFRESH_EVENT;
      SDL_PushEvent(&event);
      SDL_Delay(40);
}

s_thread_exit = 0;

//push quit event
SDL_Event event;
event.type = QUIT_EVENT;
SDL_PushEvent(&event);

return 0;
}
#undef main
int main(int argc, char* argv[])
{
//初始化 SDL
if(SDL_Init(SDL_INIT_VIDEO))
{
      fprintf( stderr, "Could not initialize SDL - %s\n", SDL_GetError());
      return -1;
}

// SDL
SDL_Event event;                         // 事件
SDL_Rect rect;                            // 矩形
SDL_Window *window = NULL;                // 窗口
SDL_Renderer *renderer = NULL;             // 渲染
SDL_Texture *texture = NULL;             // 纹理
SDL_Thread *timer_thread = NULL;          // 请求刷新线程
uint32_t pixformat = YUV_FORMAT;          // YUV420P，即是SDL_PIXELFORMAT_IYUV

// 分辨率
// 1. YUV的分辨率
int video_width = YUV_WIDTH;
int video_height = YUV_HEIGHT;
// 2.显示窗口的分辨率
int win_width = YUV_WIDTH;
int win_height = YUV_WIDTH;

// YUV文件句柄
FILE *video_fd = NULL;
const char *yuv_path = "yuv420p_320x240.yuv";

size_t video_buff_len = 0;

uint8_t *video_buf = NULL; //读取数据后先把放到buffer里面

// 我们测试的文件是YUV420P格式
uint32_t y_frame_len = video_width * video_height;
uint32_t u_frame_len = video_width * video_height / 4;
uint32_t v_frame_len = video_width * video_height / 4;
uint32_t yuv_frame_len = y_frame_len + u_frame_len + v_frame_len;

//创建窗口
window = SDL_CreateWindow("Simplest YUV Player",
                        SDL_WINDOWPOS_UNDEFINED,
                        SDL_WINDOWPOS_UNDEFINED,
                        video_width, video_height,
                        SDL_WINDOW_OPENGL|SDL_WINDOW_RESIZABLE);
if(!window)
{
      fprintf(stderr, "SDL: could not create window, err:%s\n",SDL_GetError());
      goto _FAIL;
}
// 基于窗口创建渲染器
renderer = SDL_CreateRenderer(window, -1, 0);
// 基于渲染器创建纹理
texture = SDL_CreateTexture(renderer,
                              pixformat,
                              SDL_TEXTUREACCESS_STREAMING,
                              video_width,
                              video_height);

// 分配空间
video_buf = (uint8_t*)malloc(yuv_frame_len);
if(!video_buf)
{
      fprintf(stderr, "Failed to alloce yuv frame space!\n");
      goto _FAIL;
}

// 打开YUV文件
video_fd = fopen(yuv_path, "rb");
if( !video_fd )
{
      fprintf(stderr, "Failed to open yuv file\n");
      goto _FAIL;
}
// 创建请求刷新线程
timer_thread = SDL_CreateThread(refresh_video_timer,
                                 NULL,
                                 NULL);

while (1)
{
      // 收取SDL系统里面的事件
      SDL_WaitEvent(&event);

      if(event.type == REFRESH_EVENT) // 画面刷新事件
      {
         video_buff_len = fread(video_buf, 1, yuv_frame_len, video_fd);
         if(video_buff_len <= 0)
         {
            fprintf(stderr, "Failed to read data from yuv file!\n");
            goto _FAIL;
         }
         // 设置纹理的数据 video_width = 320， plane
         SDL_UpdateTexture(texture, NULL, video_buf, video_width);

         // 显示区域，可以通过修改w和h进行缩放
         rect.x = 0;
         rect.y = 0;
         float w_ratio = win_width * 1.0 /video_width;
         float h_ratio = win_height * 1.0 /video_height;
         // 320x240 怎么保持原视频的宽高比例
         rect.w = video_width * w_ratio;
         rect.h = video_height * h_ratio;
//          rect.w = video_width * 0.5;
//          rect.h = video_height * 0.5;

         // 清除当前显示
         SDL_RenderClear(renderer);
         // 将纹理的数据拷贝给渲染器
         SDL_RenderCopy(renderer, texture, NULL, &rect);
         // 显示
         SDL_RenderPresent(renderer);
      }
      else if(event.type == SDL_WINDOWEVENT)
      {
         //If Resize
         SDL_GetWindowSize(window, &win_width, &win_height);
         printf("SDL_WINDOWEVENT win_width:%d, win_height:%d\n",win_width,
               win_height );
      }
      else if(event.type == SDL_QUIT) //退出事件
      {
         s_thread_exit = 1;
      }
      else if(event.type == QUIT_EVENT)
      {
         break;
      }
}

_FAIL:
s_thread_exit = 1;    // 保证线程能够退出
// 释放资源
if(timer_thread)
      SDL_WaitThread(timer_thread, NULL); // 等待线程退出
if(video_buf)
      free(video_buf);
if(video_fd)
      fclose(video_fd);
if(texture)
      SDL_DestroyTexture(texture);
if(renderer)
      SDL_DestroyRenderer(renderer);
if(window)
      SDL_DestroyWindow(window);

SDL_Quit();

return 0;

}

.pro文件配置成：

TEMPLATE = app
CONFIG += console
CONFIG -= app_bundle
CONFIG -= qt

SOURCES += \
main.c
INCLUDEPATH += /home/txp/ffmpeg_build/include
LIBS += /home/txp/ffmpeg_build/lib/libSDL2.so

最终运行结果就可以看到在播放一个yuv格式的视频文件了：