一、显示YUV图片
显示 YUV 图片和显示 BMP 图片的大致流程是一样的。显示 BMP 图片我们可以直接获取到 BMP 图片的 surface,然后直接从 surface 创建纹理。显示 YUV 格式的图片,我们需要先创建一个对应像素格式的空白纹理,然后读取 YUV 数据,再把 YUV 数据更新到纹理上面。
宏定义
| #include <SDL2/SDL.h> |
| #include <QDebug> |
| |
| #define END(judge, func) \ |
| if (judge) { \ |
| qDebug() << #func << "error" << SDL_GetError(); \ |
| goto end; \ |
| } |
| |
| #define FILENAME "F:/res/in.yuv" |
| #define PIXEL_FORMAT SDL_PIXELFORMAT_IYUV |
| #define IMG_W 512 |
| #define IMG_H 512 |
变量定义
| |
| SDL_Window *window = nullptr; |
| |
| |
| SDL_Renderer *renderer = nullptr; |
| |
| |
| SDL_Texture *texture = nullptr; |
| |
| |
| QFile file(FILENAME); |
初始化子系统
| |
| END(SDL_Init(SDL_INIT_VIDEO), SDL_Init); |
创建窗口
| |
| window = SDL_CreateWindow( |
| |
| "SDL显示YUV图片", |
| |
| SDL_WINDOWPOS_UNDEFINED, |
| |
| SDL_WINDOWPOS_UNDEFINED, |
| |
| surface->w, |
| |
| surface->h, |
| |
| SDL_WINDOW_SHOWN |
| ); |
| END(!window, SDL_CreateWindow); |
创建渲染上下文
| |
| renderer = SDL_CreateRenderer(window, |
| -1, |
| SDL_RENDERER_ACCELERATED | |
| SDL_RENDERER_PRESENTVSYNC); |
| if (!renderer) { |
| renderer = SDL_CreateRenderer(window, -1, 0); |
| } |
| END(!renderer, SDL_CreateRenderer); |
创建纹理
| |
| texture = SDL_CreateTexture(renderer, |
| |
| |
| PIXEL_FORMAT, |
| |
| |
| SDL_TEXTUREACCESS_STREAMING, |
| IMG_W, IMG_H); |
| END(!texture, SDL_CreateTexture); |
这里我们仅仅是创建了一个yuv420p像素格式的空白纹理,其上面并没有像素格式的数据。所以后面需要加载YUV数据,把YUV格式像素数据加载到纹理上面。PS:和加载 BMP 图片比较,加载YUV数据构建纹理的过程发生了变化,加载BMP图片我们使用的是SDL_CreateTextureFromSurface
,加载YUV我们先创建了一个空的纹理,重要的是一定要设置好像素格式,以便后面能够正确解析我们的 YUV 数据。
| |
| |
| |
| typedef enum |
| { |
| SDL_TEXTUREACCESS_STATIC, |
| SDL_TEXTUREACCESS_STREAMING, |
| SDL_TEXTUREACCESS_TARGET |
| } SDL_TextureAccess; |
打开文件
| |
| if (!file.open(QFile::ReadOnly)) { |
| qDebug() << "file open error" << FILENAME; |
| goto end; |
| } |
渲染
| |
| END(SDL_UpdateTexture(texture, |
| nullptr, |
| file.readAll().data(), |
| IMG_W), |
| SDL_UpdateTexture); |
| |
| |
| END(SDL_SetRenderDrawColor(renderer, |
| 0, 0, 0, SDL_ALPHA_OPAQUE), |
| SDL_SetRenderDrawColor); |
| |
| |
| END(SDL_RenderClear(renderer), |
| SDL_RenderClear); |
| |
| |
| |
| END(SDL_RenderCopy(renderer, texture, nullptr, nullptr), |
| SDL_RenderCopy); |
| |
| |
| SDL_RenderPresent(renderer); |
延迟退出
释放资源
| end: |
| file.close(); |
| SDL_DestroyTexture(texture); |
| SDL_DestroyRenderer(renderer); |
| SDL_DestroyWindow(window); |
| SDL_Quit(); |
代码链接
二、显示YUV视频
不管我们的视频是 mp4、mkv还是avi,播放时最终都要解码成原始数据,一般就是YUV格式数据。显示YUV视频和显示YUV图片的大致流程也是一样的。不同之处就是我们要循环的显示视频的每一帧像素数据。
在按钮的事件响应中开启一个定时器, startTimer
是QObject
中的方法,继承自QObject
的对象中都可以调用这个方法。 调用方法 startTimer
就会开启一个定时器,并且开启成功会返回一个定时器Id,定时器调用间隔是1000ms / 帧率
:
| void MainWindow::on_playButton_clicked(){ |
| |
| _timerId = startTimer(1000 /30.0); |
| } |
定时器会不断的调用下面的方法timerEvent
,每次从YUV文件中读取一帧像素数据,这就需要我们计算出一帧像素数据的大小,yuv420p像素格式每个像素占 1.5字节{(4Y+1U+1V)/4 = 1.5
},通过视频宽度 * 视频高度 * 1.5
就可算出一帧像素数据大小,或者使用FFmpeg提供的函数av_image_get_buffer_size
(在libavutil/imgutils.h中),然后将读取的一帧图素数据更新到纹理,并复制纹理到渲染目标,最后更新所有的渲染操作到屏幕上,这一帧像素就显示出来了。重复相同的操作,就达到了视频播放的效果。YUV文件数据读取完毕,要记得调用killTimer
杀死定时器。
| |
| void MainWindow::timerEvent(QTimerEvent *event){ |
| |
| int imgSize = IMG_W * IMG_H * 1.5; |
| char data[imgSize]; |
| |
| if(_file.read(data,imgSize) > 0){ |
| |
| RET(SDL_UpdateTexture(_texture, |
| nullptr, |
| data, |
| IMG_W), |
| SDL_UpdateTexture); |
| |
| |
| RET(SDL_SetRenderDrawColor(_renderer,255,255,0,SDL_ALPHA_OPAQUE),SDL_SetRenderDrawColor); |
| |
| |
| RET(SDL_RenderClear(_renderer),SDL_RenderClear); |
| |
| |
| |
| RET(SDL_RenderCopy(_renderer,_texture,nullptr,nullptr),SDL_RenderCopy); |
| |
| |
| SDL_RenderPresent(_renderer); |
| }else{ |
| |
| killTimer(_timerId); |
| } |
| } |
具体代码
mainwindow.h
| #ifndef MAINWINDOW_H |
| #define MAINWINDOW_H |
| |
| #include <QMainWindow> |
| #include <SDL2/SDL.h> |
| #include <QFile> |
| |
| QT_BEGIN_NAMESPACE |
| namespace Ui { class MainWindow; } |
| QT_END_NAMESPACE |
| |
| class MainWindow : public QMainWindow |
| { |
| Q_OBJECT |
| |
| public: |
| MainWindow(QWidget *parent = nullptr); |
| ~MainWindow(); |
| void timerEvent(QTimerEvent *event); |
| private slots: |
| void on_playButton_clicked(); |
| |
| private: |
| Ui::MainWindow *ui; |
| QWidget *_widget; |
| |
| SDL_Window *_window = nullptr; |
| |
| SDL_Renderer *_renderer = nullptr; |
| |
| SDL_Texture *_texture = nullptr; |
| QFile _file; |
| int _timerId; |
| |
| }; |
| #endif |
mainwindow.cpp
| #include "mainwindow.h" |
| #include "ui_mainwindow.h" |
| #include <QDebug> |
| |
| #ifdef Q_OS_WIN |
| #define FILENAME "../test/out.yuv" |
| #else |
| #define FILENAME "/Users/zuojie/QtProjects/audio-video-dev/test/in.yuv" |
| #endif |
| |
| |
| #define RET(judge, func) \ |
| if (judge) { \ |
| qDebug() << #func << "Error" << SDL_GetError(); \ |
| return; \ |
| } |
| |
| #define PIXEL_FORMAT SDL_PIXELFORMAT_IYUV |
| #define IMG_W 848 |
| #define IMG_H 480 |
| |
| |
| MainWindow::MainWindow(QWidget *parent) |
| : QMainWindow(parent) |
| , ui(new Ui::MainWindow) |
| { |
| ui->setupUi(this); |
| _widget = new QWidget(this); |
| _widget->setGeometry(0,50,IMG_W,IMG_H); |
| |
| |
| RET(SDL_Init(SDL_INIT_VIDEO),SDL_Init); |
| |
| |
| _window = SDL_CreateWindowFrom((void *)_widget->winId()); |
| RET(!_window, SDL_CreateWindow); |
| |
| |
| _renderer = SDL_CreateRenderer(_window, |
| |
| -1, |
| SDL_RENDERER_ACCELERATED | |
| SDL_RENDERER_PRESENTVSYNC); |
| if (!_renderer) { |
| _renderer = SDL_CreateRenderer(_window, -1, 0); |
| } |
| RET(!_renderer, SDL_CreateRenderer); |
| |
| |
| _texture = SDL_CreateTexture(_renderer, |
| |
| |
| PIXEL_FORMAT, |
| |
| |
| SDL_TEXTUREACCESS_STATIC, |
| IMG_W,IMG_H); |
| RET(!_texture, SDL_CreateTexture); |
| |
| |
| _file.setFileName(FILENAME); |
| if(!_file.open(QFile::ReadOnly)){ |
| qDebug() << "file open error" << FILENAME; |
| } |
| } |
| |
| MainWindow::~MainWindow() |
| { |
| delete ui; |
| _file.close(); |
| SDL_DestroyTexture(_texture); |
| SDL_DestroyRenderer(_renderer); |
| SDL_DestroyWindow(_window); |
| SDL_Quit(); |
| } |
| |
| void MainWindow::on_playButton_clicked(){ |
| |
| _timerId = startTimer(1000 /30.0); |
| } |
| |
| |
| void MainWindow::timerEvent(QTimerEvent *event){ |
| |
| int imgSize = IMG_W * IMG_H * 1.5; |
| char data[imgSize]; |
| |
| if(_file.read(data,imgSize) > 0){ |
| |
| RET(SDL_UpdateTexture(_texture, |
| nullptr, |
| data, |
| IMG_W), |
| SDL_UpdateTexture); |
| |
| |
| RET(SDL_SetRenderDrawColor(_renderer,255,255,0,SDL_ALPHA_OPAQUE),SDL_SetRenderDrawColor); |
| |
| |
| RET(SDL_RenderClear(_renderer),SDL_RenderClear); |
| |
| |
| |
| RET(SDL_RenderCopy(_renderer,_texture,nullptr,nullptr),SDL_RenderCopy); |
| |
| |
| SDL_RenderPresent(_renderer); |
| }else{ |
| |
| killTimer(_timerId); |
| } |
| } |
代码链接
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· NetPad:一个.NET开源、跨平台的C#编辑器
· PowerShell开发游戏 · 打蜜蜂
· 凌晨三点救火实录:Java内存泄漏的七个神坑,你至少踩过三个!