首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【FFmpeg】SDL 音视频开发 ② ( SDL 视频显示函数 | 设置渲染器目标纹理 | 设置渲染器颜色 | 清除渲染器 | 渲染器绘制矩形 | 纹理拷贝 | 窗口中显示渲染纹理 )

“D:/image.png” , 纹理中在 (100, 100) 位置绘制了一个 100 x100 大小的矩形 , 这是描述信息 , 不会存储具体的像素 如 : 第一行第一列是白色像素点 , 第一行第二列是白色像素点...; 渲染器 SDL_Renderer 工作流程 : 一般情况下 , 渲染器会 先将 绘制内容 渲染到 纹理 SDL_Texture 中 , 在 纹理背景颜色 或 背景图片 的基础上 , 绘制 文字 /...x 和 y 坐标 , int w, h 是 矩形的宽度和高度 , 单位都是像素 ; typedef struct SDL_Rect { int x, y; // 矩形左上角的...x 和 y 坐标 int w, h; // 矩形的宽度和高度 } SDL_Rect; 代码示例 : 下面的代码中 , 为 renderer 渲染器 设置目标纹理为 texture..., 源矩形 , 被复制的 SDL_Texture* texture 参数中的纹理画面上 , 要复制哪些区域 , 使用该矩形指定 ; 如果该参数为 NULL , 则复制整个 SDL_Texture 纹理对象

16810

(译)SDL编程入门(11)裁剪渲染和精灵表

//场景精灵 SDL_Rect gSpriteClips[ 4 ]; LTexture gSpriteSheetTexture; 在本教程中,我们将使用此精灵表: ?...并将每个精灵渲染在不同的角落: ? 所以我们需要一个纹理图像和4个矩形来定义精灵,这就是你看到的这里声明的变量。...它和之前的纹理渲染函数大部分是一样的,但是有两个变化。 首先,当你在裁剪时,你使用的是裁剪矩形的尺寸而不是纹理,我们要将目标矩形(这里称为renderQuad)的宽度/高度设置为裁剪矩形的尺寸。...其次,我们要将裁剪矩形作为源矩形传递给SDL_RenderCopy。源矩形定义了你要渲染的纹理的哪一部分。当源矩形为NULL时,整个纹理将被渲染。...在 这里[1]下载本教程的媒体和源代码。

77730
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    SDL实战(一)

    大家好,我是txp,今天给大家分享一篇关于SDL的技术文章;在写文章之前呢,分享一本目前空闲时间在看的一本关于h265的书籍: 如果喜欢纸质的朋友,可以去某宝上买二手,我买过来的,几乎是新的,书籍内容蛮不错...一、SDL相关介绍: 首先下来介绍一下什么是SDL;SDL(Simple DirectMedia Layer)是一套开发源代码的跨平台多媒体开发库,使用c写出的;SDL它提供了多种控制图像、声音、输出输入的函数接口...-2.0.16/include LIBS += $$PWD/SDL2-2.0.16/lib/x86/SDL2.lib } 这个SDL2.lib库的路线是在: 最后整个工程就配置完成了。...: SDL_Window 代表了一个“窗口” SDL_Renderer 代表了一个“渲染器” SDL_Texture 代表了一个“纹理” SDL_Rect 一个简单的矩形结构 注意:存储RGB和存储纹理的区别...: 比如一个从左到右由红色渐变到蓝色的矩形,用 存储RGB的话就需要把矩形中每个点的具体颜色 值存储下来;而纹理只是一些描述信息,比如记 录了矩形的大小、起始颜色、终止颜色等信息, 显卡可以通过这些信息推算出矩形块的详细信息

    1.1K10

    【FFmpeg】SDL 音视频开发 ⑤ ( SDL 播放 YUV 视频 | SDL 播放 YUV 画面流程 | YUV 视频存放位置 | 刷新控制子线程 | 主线程事件处理 )

    函数 - 创建画面渲染器 SDL_CreateTexture 函数 - 创建纹理 SDL_Quit 函数 - SDL 退出并释放资源 的用法 , 这些函数中 , 前四个函数是显示 视频画面 前的准备工作..., 最后一个 SDL_Quit 函数 是最后退出渲染时 , 释放 SDL 框架占用的各种资源 ; 在 【FFmpeg】SDL 音视频开发 ② ( SDL 视频显示函数 | 设置渲染器目标纹理 | 设置渲染器颜色...函数 - 设置渲染器颜色 SDL_RenderClear 函数 - 清除渲染器 SDL_RenderDrawRect 函数 - 渲染器绘制矩形 SDL_RenderCopy 函数 - 纹理拷贝 SDL_RenderPresent...函数 设置 渲染目标 , 渲染目标 是 纹理对象 ; 更新纹理 : 调用 SDL_UpdateTexture 函数 , 可以更新 SDL_Texture 纹理对象 的描述内容 ; 清除渲染器纹理 :...调用 SDL_RenderClear 函数 , 清除 渲染器 中 原来的目标纹理 ; 拷贝渲染器纹理 : 调用 SDL_RenderCopy 函数 , 将 纹理画面 拷贝 到 渲染器的 目标纹理 中 ,

    14110

    (译)SDL编程入门(10)Color Key

    例如,如果你想获得某些关于纹理的信息,如它的宽度或高度,你将不得不使用一些SDL函数来查询纹理的信息。相反,我们要做的是使用一个类来封装和存储纹理的信息。 从设计上来说,这是一个相当直接的类。...= NULL; } 纹理加载功能的工作原理和之前的纹理加载课程中的差不多,但做了一些小的但重要的调整。首先,我们对纹理进行重新分配,以防有一个已经加载的纹理。...当渲染某个地方的纹理时,你需要指定一个目标矩形,设置x/y位置和宽度/高度。在不知道原始图像的尺寸的情况下,我们无法指定宽度/高度。...所以这里当我们渲染纹理时,我们用位置参数和成员宽度/高度创建一个矩形,并将这个矩形传入SDL_RenderCopy。...在 这里[3]下载本教程的媒体和源代码。

    1.2K20

    函数表达式在JavaScript中是如何工作的?

    在JavaScript中,函数表达式是一种将函数赋值给变量的方法。函数表达式可以出现在代码的任何位置,而不仅仅是函数声明可以出现的位置。...函数表达式的语法如下: var myFunction = function() { // 函数体 }; 上述代码中,将一个匿名函数赋值给变量myFunction。...这意味着myFunction变量现在持有了一个函数作为其值。 函数表达式的工作方式如下: 1:变量声明:使用var、let或const关键字声明一个变量,例如myFunction。...这样的函数在函数内部和外部都可以通过函数名来调用自身。...函数声明会被提升到作用域的顶部,而函数表达式不会被提升。因此,在使用函数表达式之前,需要确保该表达式已经被赋值。此外,函数表达式还可以根据需要在运行时动态创建函数,具有更大的灵活性。

    22050

    Stream 在 C# 中是如何工作的?

    在许多情况下,这些操作的持续时间是不可预测的,因此拥有一种在等待结果时不会阻止整个过程的机制至关重要。 Stream 是一个抽象,它们携带一个字节序列。...这有助于说明数据流的概念以及缓冲区如何管理信息流。 另一个重要方面是知道当缓冲区已满时从何处恢复读取数据。如果无法记住我们在哪里停止,我们就有可能再次读取相同的数据或跳过某些部分。...在 C# 中使用 Stream 读取文件内容 下面是使用 C# 中的 FileStream 类从文件中读取数据的示例。...刷新:对于可写流,尤其是涉及缓冲的流,请务必确保在流关闭之前将缓冲区中的所有数据推送到底层数据源。这是使用该方法完成的,该方法将任何剩余的缓冲数据写入其最终目标,从而防止数据丢失。...选择流时,请考虑数据源、性能要求以及是否需要查找等因素。 流是 C# 中一种基本的通用工具,可为大规模 I/O 操作(如文件处理、网络通信和实时数据处理)实现高效的数据处理。

    12110

    (译)SDL编程入门(15)旋转和翻转

    旋转和翻转 SDL2的硬件加速纹理渲染还能给我们提供图像快速翻转和旋转的能力。在本教程中,我们将利用这一点使一个箭头纹理旋转和翻转。 ?...渲染函数现在需要一个旋转角度、一个用于旋转纹理的点和SDL翻转枚举[1]。 就像剪裁矩形一样,我们给出了参数的默认值,以防你想在没有旋转或翻转的情况下渲染纹理。...( gRenderer, mTexture, clip, &renderQuad, angle, center, flip ); 正如你所看到的,我们所做的只是将我们函数中的参数传递给 SDL_RenderCopyEx...这个函数的工作原理与原来的 SDL_RenderCopy 相同,但增加了旋转和翻转的参数。...下一个参数是剪裁矩形,由于我们要渲染整个纹理,所以设置为空。下一个参数是旋转角度,单位是度。下一个参数是我们要旋转的点。当这个参数为空时,它将围绕图像的中心旋转。最后一个参数是图像的翻转方式。

    1.3K20

    (译)SDL编程入门(7)纹理加载和渲染

    纹理加载和渲染 SDL2 的一个主要新功能是纹理渲染 API。这为您提供了快速、灵活的基于硬件的渲染。在本教程中,我们将使用这种新的渲染技术。...和之前一样,这个函数从一个现有的表面创建一个新的纹理,这意味着和之前一样,我们必须释放加载的表面,然后返回加载的纹理。...SDL_Quit(); } 由于纹理加载与我们的图像加载函数一起被抽象化了,所以loadMedia()函数的工作原理和之前差不多。...在我们的清理函数中,我们必须记住使用SDL_DestroyTexture[4]来deallocate我们的纹理。...这个函数用上次SDL_SetRenderDrawColor设置的颜色填充屏幕。 清空屏幕后,我们用SDL_RenderCopy[6]渲染纹理。

    1.1K20

    【FFmpeg】SDL 音视频开发 ① ( SDL 窗口绘制 | SDL 视频显示函数 | SDL_Window 窗口 | SDL_Renderer 渲染器 | SDL_Texture 纹理 )

    , 这是进行 SDL 任何操作之前都必须执行的操作 ; 在该函数中传入 不同子系统 对应的 位掩码 , 初始化不同的子系统 ; 函数原型如下 : int SDL_Init(Uint32 flags);...关闭已打开的 SDL 窗口 释放内存中已加载的图像和音频资源所占用的内存空间 停止所有线程 , 避免应用退出后仍然占用 CPU 资源 如果 SDL 应用程序退出前不调用 SDL_Quit 函数 , 会发生...操作系统中 , 每个应用的窗口都是一个 SDL_Window 对象 ; 在 SDL_Window 窗口 中 , 可以 有多个 SDL_Renderer 渲染器 , 渲染器 可以用于渲染 / 显示 纹理..., 255); // 设置矩形为颜色填充 SDL_RenderFillRect(renderer, &rect); // 设置渲染目标为窗口 SDL_SetRenderTarget...在 窗口的 (100, 100) 像素位置 绘制了 100x100 像素大小的矩形 ;

    23410

    音视频八股文(5)--SDL音视频渲染实战。会使用就行,不需要深究。

    “窗口” ◼ SDL_Renderer 代表了一个“渲染器” ◼ SDL_Texture 代表了一个“纹理” ◼ SDL_Rect 一个简单的矩形结构 在SDL中,窗口、渲染器和纹理是三个重要的概念:...此外,SDL还提供了一个简单的矩形结构 SDL_Rect,用于描述矩形的位置和大小。...所以相对于存储RGB而已,存储纹理占用的内存要少的多。 03-SDL事件 在SDL中,事件是指与用户输入、系统操作等相关的行为。...由于SDL是跨平台的,因此它提供的多线程接口也能够在不同的操作系统上运行。例如,在Windows和Linux下都可以使用这些函数来实现多线程。...在SDL中,可以通过互斥锁和条件变量(信号量)来实现线程间的同步。 总之,SDL提供了丰富的多线程接口,可以让开发者更加方便地进行多线程编程,以提高程序的性能和响应速度。

    45720

    音视频八股文(5)--SDL音视频渲染实战。会使用就行,不需要深究。

    窗口”◼ SDL_Renderer 代表了一个“渲染器”◼ SDL_Texture 代表了一个“纹理”◼ SDL_Rect 一个简单的矩形结构在SDL中,窗口、渲染器和纹理是三个重要的概念:◼ SDL_Window...此外,SDL还提供了一个简单的矩形结构 SDL_Rect,用于描述矩形的位置和大小。...所以相对于存储RGB而已,存储纹理占用的内存要少的多。03-SDL事件在SDL中,事件是指与用户输入、系统操作等相关的行为。...由于SDL是跨平台的,因此它提供的多线程接口也能够在不同的操作系统上运行。例如,在Windows和Linux下都可以使用这些函数来实现多线程。...在SDL中,可以通过互斥锁和条件变量(信号量)来实现线程间的同步。总之,SDL提供了丰富的多线程接口,可以让开发者更加方便地进行多线程编程,以提高程序的性能和响应速度。

    48400

    JS在浏览器和Node下是如何工作的?

    要形象化的了解 JS 如何执行一段程序,需要理解其运行时: ? 和其他任何编程语言一样,JS 运行时包含一个栈(stack)和一个堆(heap)存储。关于堆的解释不展开了,我们说说 栈 。...与这些工作在后台的 APIs 相搭配的是,我们要提供一个 回调(callback)函数,用以负责在 Web API 一旦完成后执行相应的 JS 代码。...后移动到该函数中的下一行;一旦该函数中碰到了 return 语句,该函数就被移出栈,并进入下一个栈帧 同时,Web API 在后台执行其关联了 callback 的任务;任务一完成,Web API 就将执行结果和...,是 栈一旦为空的时候 稍倾,栈将会执行 callback 回调函数 下面来看看当我们具体使用 setTimeout Web API 时,所有事情是如何一步接一步工作的。...但在 node 中,能在后台做到几乎大部分的事情,尽管那只是个简单的 JS 程序。但是,这是如何做到的呢?

    2.1K10

    EDI(电子数据交换)在供应链中是如何工作的?

    EDI(电子数据交换)如何工作,这大概是企业主、公司经理、企业EDI系统管理人员常问的一个问题。尽管现在EDI已经是一项相当广泛的技术,但仍有一些问题需要讨论。...那些没有连接到EDI的人通常并不理解EDI(电子数据交换)和互联网通信技术之间的区别。那么EDI(电子数据交换)在供应链中是如何工作的呢?继续阅读下文,您将会找到一个答案。...如果您有接触或是了解过采购业务中传统的文件流通方式,您可能会注意到,纸张操作和邮寄需要花费大量时间。...与此同时,在将订单、商品等信息手动录入到交易伙伴的业务平台中花费了大量的时间和精力,占用了大量的人力资源。...此外,由于人工操作带来的错误和损失更是不可估量,很大程度上会严重破坏与交易伙伴的贸易合作关系,对企业未来即业务关系发展造成不利影响。

    3.3K00

    C语言在ARM中函数调用时,栈是如何变化的?

    r0-r3 用作传入函数参数,传出函数返回值。在子程序调用之间,可以将 r0-r3 用于任何用途。被调用函数在返回之前不必恢复 r0-r3。...被调用函数在返回之前不必恢复 r12。 4. 寄存器 r13 是栈指针 sp。它不能用于任何其它用途。sp 中存放的值在退出被调用函数时必须与进入时的值相同。 5....如何能让读者接受吸收的更快,我一直觉得按照学习效率来讲的话顺序应该是视频,图文,文字。...1.程序在内存分布区域 2.全局变量m赋值 3.保存进入main之前的栈底, fp-sp之间是当前函数栈 4.函数main的栈已经准备好了 5.i入栈 6.j入栈 7.准备函数fun的调用, 形参反向入栈...fun代码 13.c入栈 14.可以看到函数fun的数据 形参a,b 在上一层函数的栈中.

    14.2K84

    「SDL第五篇」彻底理解纹理(Texture)

    在文章的最后向你展示SDL如何通过SDL_Texture进行渲染。...SDL_Surface vs SDL_Texture 在SDL系列文章的第二篇里,我详细的介绍了SDL 渲染的工作原理。...SDL_Window 与 SDL_Render SDL_Window代表的是窗口的逻辑概念,它是存放在主内存中的一个对象。所以当我们调用SDL API 创建窗口后,它并不会被显示出来。...SDL_Render 是渲染器,它也是主存中的一个对象。对Render操作时实际上分为两个阶段: 一、渲染阶段。...搞清楚它们之前的关系对于理解 SDL 渲染起着至关重要的作用。 大家一定要仔细的理解文章中所讲的内容,在我后序的文章中,尤其是后面介绍 播放器 相关内容时,都要用到现在所讲的这些内容。

    3.6K10

    C 语言代码示例,展示了如何实现一个简单的图形化用户界面(GUI)游戏

    C 语言代码示例,展示如何实现一个简单的图形化用户界面(GUI)游戏,使用了图形库 SDL(Simple DirectMedia Layer)和 SDL_image: #include <stdio.h...// 渲染背景 SDL_RenderClear(renderer); SDL_RenderCopy(renderer, backgroundTexture...(backgroundTexture); closeSDL(window, renderer); return 0; } 使用 SDL 和 SDL_image 库来创建一个简单的图形化界面游戏...定义了以下函数: initSDL:用于初始化 SDL,创建窗口和渲染器。 closeSDL:用于释放资源,关闭 SDL。 main 函数中,我们先调用 initSDL 进行初始化。...然后,我们加载游戏背景图片,并创建相应的纹理和表面。接下来,我们进入游戏循环,不断渲染背景,并监听 SDL_QUIT 事件以判断是否退出游戏。

    51320
    领券