当前位置：首页 > news >正文

【音视频】SDL渲染YUV格式像素

news 来源：原创 2025/9/12 2:22:23

SDL视频显示的流程

在这里插入图片描述

实现流程

准备视频文件

准备一个格式为yuv420p，分辨率为320x240的yuv数据，并且将视频文件放入项目构建的目录下：

在这里插入图片描述

初始化`SDL`

初始化SDL的视频模块

//初始化 SDL
if(SDL_Init(SDL_INIT_VIDEO))
{fprintf( stderr, "Could not initialize SDL - %s\n", SDL_GetError());return -1;
}

创建一个窗口

创建一个SDL窗口，用于纹理渲染
初始时窗口大小为YUV视频分辨率大小

#define YUV_WIDTH   320
#define YUV_HEIGHT  240SDL_Window *window = NULL;
int win_width = YUV_WIDTH;
int win_height = YUV_WIDTH;
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;
}

设置`YUV`缓存

设置每次读取视频帧的缓存大小，这里每次就读取1帧即可，计算方式为：Y分量+U分量+V分量大小

YUV格式为yuv420p
Y分量大小为：Width * Height
U分量大小为：Width * Height /4
V分量大小为：Width * Height / 4

`yuv420p`格式示例图

在这里插入图片描述

代码如下：

uint8_t *video_buf = NULL; 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;video_buf = (uint8_t*)malloc(yuv_frame_len);
if(!video_buf){fprintf(stderr, "Failed to alloce yuv frame space!\n");goto _FAIL;}

创建渲染器

创建渲染器，用于视频纹理的渲染

SDL_Renderer *renderer = NULL;  
renderer = SDL_CreateRenderer(window, -1, 0);

创建纹理

根据yuv420p数据格式

其中：

YUV_FORMAT为YUV420P
SDL_TEXTUREACCESS_STREAMING 指定纹理的访问方式，STREAMING模式允许高效更新纹理数据，用于视频渲染

SDL_Texture *texture = NULL; 
uint32_t pixformat = YUV_FORMAT; // YUV420P
texture = SDL_CreateTexture(renderer,pixformat,SDL_TEXTUREACCESS_STREAMING,video_width,video_height);

打开`yuv`文件

使用文件操作，二进制读的方式打开视频文件

// 打开YUV文件
video_fd = fopen(yuv_path, "rb");
if( !video_fd )
{fprintf(stderr, "Failed to open yuv file\n");goto _FAIL;
}

创建定时器

创建一个定时器，用于定时刷新视频帧，控制fps
实际上就是创建一个新的线程，定期唤醒加入自定义的刷新事件

创建定时器

// 创建请求刷新线程
timer_thread = SDL_CreateThread(refresh_video_timer,NULL,NULL);

定时器线程函数

每次延时40ms左右，大概25fps

#define REFRESH_EVENT   (SDL_USEREVENT + 1)     // 请求画面刷新事件
#define QUIT_EVENT      (SDL_USEREVENT + 2)     // 退出事件int s_thread_exit = 0;  // 退出标志 = 1则退出
int refresh_video_timer()
{while (!s_thread_exit){SDL_Event event;event.type = REFRESH_EVENT;SDL_PushEvent(&event);SDL_Delay(40);}s_thread_exit = 0;//push quit eventSDL_Event event;event.type = QUIT_EVENT;SDL_PushEvent(&event);return 0;
}

开启事件循环

开启事件循环，进行视频渲染操作

等待事件

等待事件加入队列中，并阻塞在此

SDL_WaitEvent(&event);

画面刷新事件

定时器周期地加入刷新事件
读取yuv文件，并加入到纹理中
设置渲染的矩形窗口为当前窗口的大小以及开始的位置
将纹理的数据拷贝到CPU端
渲染CPU端的数据

 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， planeSDL_UpdateTexture(texture, NULL, video_buf, video_width);// 显示区域，可以通过修改w和h进行缩放rect.x = 0;rect.y = 0;rect.w = win_width;rect.h = win_height;// 清除当前显示SDL_RenderClear(renderer);// 将纹理的数据拷贝给渲染器SDL_RenderCopy(renderer, texture, NULL, &rect);// 显示SDL_RenderPresent(renderer);}

窗口事件

接收窗口事件（如窗口移动，窗口大小改变等）
暂时不做操作

退出事件

包括自定义的退出事件QUIT_EVENT
以及QUIT_EVENT，比如（关闭窗口，调用SDL_QUIT等）
调用退出事件后，会通知定时器停止操作，并且退出循环，进行内存清理

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， planeSDL_UpdateTexture(texture, NULL, video_buf, video_width);// 显示区域，可以通过修改w和h进行缩放rect.x = 0;rect.y = 0;rect.w = win_width;rect.h = win_height;// 清除当前显示SDL_RenderClear(renderer);// 将纹理的数据拷贝给渲染器SDL_RenderCopy(renderer, texture, NULL, &rect);// 显示SDL_RenderPresent(renderer);}else if(event.type == SDL_WINDOWEVENT){//If ResizeSDL_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;}}

关闭操作和内存清理

渲染结束或手动关闭窗口后，需要关闭文件和SDL子系统，并且释放相关内存

_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;}

实现的效果

实现的效果如下：

在这里插入图片描述

整体代码

main.c

#include <stdio.h>
#include <string.h>#include <SDL.h>//自定义消息类型
#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_IYUVint s_thread_exit = 0;  // 退出标志 = 1则退出int refresh_video_timer()
{while (!s_thread_exit){SDL_Event event;event.type = REFRESH_EVENT;SDL_PushEvent(&event);SDL_Delay(40);}s_thread_exit = 0;//push quit eventSDL_Event event;event.type = QUIT_EVENT;SDL_PushEvent(&event);printf("finish Timer\n");return 0;
}
#undef main
int main(int argc, char* argv[])
{//初始化 SDLif(SDL_Init(SDL_INIT_VIDEO)){fprintf( stderr, "Could not initialize SDL - %s\n", SDL_GetError());return -1;}// SDLSDL_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， planeSDL_UpdateTexture(texture, NULL, video_buf, video_width);rect.w = win_width;rect.h = win_height;// 显示区域，可以通过修改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 ResizeSDL_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;}

【音视频】SDL渲染YUV格式像素

SDL视频显示的流程实现流程准备视频文件准备一个格式为yuv420p，分辨率为320x240的yuv数据，并且将视频文件放入项目构建的目录下： 初始化SDL 初始化SDL的视频模块 //初始化 SDL if(SDL_Init(SDL_INIT_VIDEO)) {fprintf( stderr, "…...

编程日记 2025/9/12 2:22:23

ThingsBoard3.9.1 MQTT Topic(1)

1.网关转发子设备的遥测信息, Topic:v1/gateway/telemetry { "m1": [{ "mode": "CW", "temperature": 23 }], "m2": [{ "mode": "CW", "temperature": 23 }] } 说明：json格式&a…...

编程日记 2025/9/10 14:23:08

如何查看自己抖音的IP属地？详细教程+常见问题解答

在当今互联网时代，IP属地信息已成为各大社交平台（如抖音、微博、快手等）展示用户真实网络位置的重要功能。无论是出于隐私保护、账号安全，还是单纯好奇自己的IP归属地，了解如何查看抖音IP属地都很有必要。本文将详细介…...

编程日记 2025/9/12 2:20:03

李宏毅NLP-2-语音识别part1

语音识别part1 这是一篇名为 “Speech Recognition is Difficult?”（语音识别很难吗？ ）的文章。作者是 J.R. Pierce，来自贝尔电话实验室（Bell Telephone Laboratories, Inc.） 。文中提到语音识别虽有吸引力…...

编程日记 2025/9/8 12:01:21

AUTOSAR图解==＞AUTOSAR_SWS_MemoryMapping

AUTOSAR 内存映射机制详解深入解析AUTOSAR标准中的内存映射技术目录 AUTOSAR 内存映射机制详解目录1. 概述2. 内存映射架构 2.1 架构组成2.2 映射类型2.3 关键组件3. 配置数据模型 3.1 主要配置容器3.2 内存段类型3.3 初始化策略4. 映射使用流程 4.1 配置阶段4.2 开发阶段...

编程日记 2025/9/12 2:17:49

探索 HTML5 新特性：提升网页开发的现代体验

在 Web 开发的演进历程中，HTML5 无疑是一座重要的里程碑。它不仅为网页带来了更丰富的功能，还提升了开发效率与用户体验。本文将深入探讨 HTML5 那些令人瞩目的新特性，助你紧跟现代 Web 开发潮流。一、语义化标签：让结构更清晰 …...

编程日记 2025/9/7 15:46:53

系统设计思维的讨论

我们经常说自己熟悉了spring，能够搭建起一个项目基本框架，并且在此之上进行开发，用户or客户提出需求碰到不会的百度找找就可以实现。干个四五年下一份工作就去面试架构师了，运气好一些可能在中小公司真的找到一份架构师、技术负责…...

编程日记 2025/9/12 2:20:01

【音视频】SDL播放PCM音频

相关API 打开音频设备 int SDLCALL SDL_OpenAudio(SDL_AudioSpec * desired, SDL_AudioSpec * obtained); desired：期望的参数。obtained：实际音频设备的参数，一般情况下设置为NULL即可。 SDL_AudioSpec typedef struct SDL_AudioSpec { i…...

编程日记 2025/9/8 1:28:26

FATFS文件系统配置

1、FatFs模块功能配置选项参考ffconf.h函数配置链接：FatFs模块功能配置选项 2、FATFS配置 FATFS 支持长文件名链接: FATFS：配置 FATFS 支持长文件名 3、 FATFS移植链接1 4、 FATFS移植链接2 5、FAT32 和 FATFS 是两个不同层次的概念，分别属于…...

编程日记 2025/9/3 19:43:55

JVM 字节码是如何存储信息的？

JVM 字节码是 Java 虚拟机 (JVM) 执行的指令集，它是一种与平台无关的二进制格式，在任何支持 JVM 的平台上都可运行的Java 程序。字节码存储信息的方式，主要通过以下几个关键组成部分和机制来实现： 1. 指令 (Opcodes) 和操作数 …...

编程日记 2025/9/11 22:12:34

目录一、select接口 1.认识select系统调用 2.对各个参数的认识二、编写select服务器一、select接口 1.认识select系统调用 int select(int nfds, fd_set readfds, fd_set writefds, fd_set exceptfds, struct timeval* timeout); 头文件：sys/time.h、sys/ty…...

编程日记 2025/9/12 2:17:47

如何解决DDoS攻击问题？—专业解决方案深度分析

本文深入解析DDoS攻击面临的挑战与解决策略，提供了一系列防御技术和实践建议，帮助企业加强其网络安全架构，有效防御DDoS攻击。从攻击的识别、防范措施到应急响应，为网络安全工作者提供了详细的操作指引。 DDoS攻击概览&#xff1a…...

编程日记 2025/9/12 2:17:50

机器学习Python实战-第三章-分类问题-3.决策树算法

目录 3.3.1 原理简介 3.3.2 算法步骤 3.3.3 实战 3.3.4 实验前半部分是理论介绍，后半部分是代码实践，可以选择性阅读。决策树（decision tree）是功能强大而且相当受欢迎的分类和预估方法&…...

编程日记 2025/9/10 14:20:29

Spring三级缓存学习

Spring的三级缓存机制主要用于解决单例Bean的循环依赖问题。其核心在于提前暴露Bean的引用，允许未完全初始化的对象被其他Bean引用。以下是三级缓存的详细说明及其解决循环依赖的原理： 三级缓存结构一级缓存（singletonObjects） 存…...

编程日记 2025/9/12 2:22:22

欧拉函数φ

函数作用计算 1 1 1 ~ n n n中有多少个与 n n n互质的数。函数公式 φ ( n ) n p 1 − 1 p 1 p 2 − 1 p 2 … … p m − 1 p m φ(n)n\times\frac{p_1-1}{p_1}\times\frac{p_2-1}{p_2}\times……\times\frac{p_m-1}{p_m} φ(n)np1p1−1p2p2−1……pmp…...

编程日记 2025/9/7 21:29:01

蓝桥杯刷题指南

蓝桥杯是中国普及性最好的计算机程序设计竞赛之一，参加者包括大学生、高中生和草根程序员等各个群体。通过刷题来提升自己的编程能力是参加蓝桥杯比赛的常见做法。下面是一些蓝桥杯常见的题型和刷题技巧，希望对大家有所帮助。基础入门题目：…...

编程日记 2025/9/11 4:00:52

ctfshow WEB web12

发现只有这样一句话，应该是要看页面源代码的，右键查看页面源代码发现可能存在代码执行漏洞，拼接一个?cmdphpinfo(); 成功显示出php信息, 说明存在代码执行漏洞接下来遍历目录，我们要用到一个函数 glob() glob() 函数可以查找…...

编程日记 2025/9/11 4:08:21

ChromeOS 135 版本更新

ChromeOS 135 版本更新一、ChromeOS 135 更新内容 1. ChromeOS 电池寿命优化策略为了延长 Chromebook 的使用寿命，ChromeOS 135 引入了一项全新的电池充电限制策略 —— DevicePowerBatteryChargingOptimization，可提供更多充电优化选项&#xff0c…...

编程日记 2025/9/5 10:21:31

redis的缓存

redis的缓存一.缓存简介1.缓存2.redis作为数据库（MySQL）缓存的原因二.缓存更新策略1.定期生成2.实时生成3.内存淘汰策略1）FIFO(First In First Out) 先进先出2）LRU(Least Recently Used)淘汰最久未使用的3）LFU(Least…...

编程日记 2025/9/7 21:50:24

字符串与相应函数（上）

字符串处理函数分类求字符串长度：strlen长度不受限制的字符串函数：strcpy,strcat,strcmp长度受限制的字符串函数:strncpy,strncat,strncmp字符串查找：strstr,strtok错误信息报告：strerror字符操作，内存操作函数&…...

编程日记 2025/9/11 10:43:49

【微知】Mellanox网卡网线插入后驱动的几个日志？（Cable plugged；IPv6 ... link becomes ready）

概要本文是一个简单的信息记录。记录的是当服务器网卡的光模块插入后内核的日志打印。通过这种日志打印，可以在定位分析问题的时候，知道进行过一次模块插拔。日志截图版： 文字版： [32704.121294] mlx5_core 0000:01:00.0…...

编程日记 2025/9/10 20:17:29

spring security oauth2.0的四种模式

OAuth 2.0 定义了 4 种授权模式（Grant Type），用于不同场景下的令牌获取。以下是每种模式的详细说明、适用场景和对比： 一、授权码模式（Authorization Code Grant） 适用场景 • Web 应用（有后端…...

编程日记 2025/9/3 1:26:16

MyBatis-Plus 核心功能

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、条件构造器1、核心 Wrapper 类型基础查询示例SQL 查询使用 QueryWrapper 实现查询更新操作示例场景一：基础更新SQL 查询使用 QueryWrapper 实现更新…...

编程日记 2025/9/8 9:18:50

阿里云实时计算Flink版产品体验测评

阿里云实时计算Flink版产品体验测评什么是阿里云实时计算Flink应用场景实时计算Flink&自建Flink集群性价比开发效率运维管理企业安全场景落地什么是阿里云实时计算Flink 实时计算Flink大家可能并不陌生，在实时数据处理上，可能会有所接触&#xf…...

编程日记 2025/9/8 17:47:04

少儿编程 scratch四级真题 2025年3月电子学会图形化编程等级考试Scratch四级真题解析（判断题）

2025年3月scratch编程等级考试四级真题判断题（共10题，每题2分，共20分） 11、小圆点角色的程序如下左图所示，程序运行后的效果如下右图所示，自制积木中又调用了自己，这种算法叫做递归。答案&a…...

编程日记 2025/9/11 16:08:48

【连载3】基础智能体的进展与挑战综述

基础智能体的进展与挑战综述从类脑智能到具备可进化性、协作性和安全性的系统【翻译团队】刘军(liujunbupt.edu.cn) 钱雨欣玥冯梓哲李正博李冠谕朱宇晗张霄天孙大壮黄若溪 2. 认知人类认知是一种复杂的信息处理系统，它通过多个专门的神经回路协调运行…...

编程日记 2025/9/7 17:46:57

Schaefer 400图谱

图谱下载： https://github.com/ThomasYeoLab/CBIG/tree/master/stable_projects/brain_parcellation/Schaefer2018_LocalGlobal/Parcellations/MNI 图 （第一行）显示了 Yeo et al. （2011） 的 7 网络和 17 网络分包。图…...

编程日记 2025/9/10 9:09:58

通过uri获取文件路径手机适配

青铜版本 return contentResolver.query(this, arrayOf(MediaStore.MediaColumns.DATA), null, null).let {if (it?.moveToFirst() true) {val columnIndex it.getColumnIndex(MediaStore.MediaColumns.DATA)val path it.getString(columnIndex)it.close()return path}&quo…...

编程日记 2025/8/17 21:03:16

SDL视频显示的流程

实现流程

准备视频文件

初始化SDL

创建一个窗口

设置YUV缓存

yuv420p格式示例图

创建渲染器

创建纹理

打开yuv文件

创建定时器

开启事件循环

关闭操作和内存清理

实现的效果

整体代码

更多资料

相关文章：

初始化`SDL`

设置`YUV`缓存

`yuv420p`格式示例图

打开`yuv`文件