前言
一般情况下播放视频时不需要旋转，但是如果是移动端录制的视频有时会出现rotate参数，且视频宽高也是互换的，如果直接渲染则会出现视频90度倒转的问题。所以渲染视频时需要获取包的metadata中的rotate参数，计算出旋转角度，按照旋转角度渲染视频才能显示正常的画面。
一、如何实现
sdl支持旋转渲染使用SDL_RenderCopyEx设置旋转角度即可旋转画面，但是直接设置之后显示的画面位置是异常的，尤其时旋转非直角角度后画面大小会大一些，所以需要对旋转后的画面的位置以及大小进行一些处理。
1、计算边框大小
计算旋转后的边框大小。知道视频画面宽高和旋转角度，根据三角函数即可计算出边框大小，这里就没必要具体说明了。
边框宽=视频高∗sinθ+视频宽∗cosθ
边框高=视频高∗cosθ+视频宽∗sinθ
示例代码：
//srcRect为视频区域，angle为旋转角度 const double PI = 3.1415926535897935384626; //角度转弧度，用于三角函数计算。 double theta = PI / 180.0 * angle; //计算旋转后的边框大小，+0.5四舍五入 int width = srcRect->h * fabs(sin(theta) )+ srcRect->w * fabs(cos(theta)) + 0.5; int height = srcRect->h * fabs(cos(theta)) + srcRect->w * fabs(sin(theta)) + 0.5;
2、计算缩放大小
边框宽=边框宽∗缩放比
边框高=边框高∗缩放比
代码示例：
//边框的宽高比
double srcBorderRatio = (double)width / height;
//目标区域的宽高比
double dstRatio = (double)dstRect->w / dstRect->h;
//计算边框缩放到目标区域的大小
int zoomWidth;
int zoomHeight;
if (srcBorderRatio > dstRatio)
{
zoomWidth = dstRect->w;
zoomHeight = dstRect->w / srcBorderRatio;
}
else
{
zoomWidth = dstRect->h * srcBorderRatio;
zoomHeight = dstRect->h;
}
3、逆运算视频宽高
视频高=边框宽/(sinθ+视频宽高比∗cosθ)
视频宽=视频高∗视频宽高比
代码示例：
//视频的宽高比 double srcRatio = (double)srcRect->w / srcRect->h; //通过缩放后的边框计算还原的图像大小 targetRect.h = (double)zoomWidth / (fabs(sin(theta) )+ srcRatio * fabs(cos(theta))); targetRect.w = targetRect.h * srcRatio; targetRect.x = (dstRect->w- targetRect.w ) / 2; targetRect.y = (dstRect->h- targetRect.h ) / 2;
二、完整代码
/// <summary>
/// 计算旋转的矩形大小
/// </summary>
/// <param name="src">原图像区域</param>
/// <param name="dst">目标区域</param>
/// <param name="angle">旋转角度</param>
/// <returns></returns>
static SDL_Rect getRotateRect(SDL_Rect *srcRect, SDL_Rect* dstRect,double angle) {
SDL_Rect targetRect;
const double PI = 3.1415926535897935384626;
double theta = PI / 180.0 * angle;
//计算旋转后的边框大小
int width = srcRect->h * fabs(sin(theta) )+ srcRect->w * fabs(cos(theta)) + 0.5;
int height = srcRect->h * fabs(cos(theta)) + srcRect->w * fabs(sin(theta)) + 0.5;
double srcRatio = (double)srcRect->w / srcRect->h;
double srcBorderRatio = (double)width / height;
double dstRatio = (double)dstRect->w / dstRect->h;
//计算边框缩放到目标区域的大小
int zoomWidth;
int zoomHeight;
if (srcBorderRatio > dstRatio)
{
zoomWidth = dstRect->w;
zoomHeight = dstRect->w / srcBorderRatio;
}
else
{
zoomWidth = dstRect->h * srcBorderRatio;
zoomHeight = dstRect->h;
}
//通过缩放后的边框计算还原的图像大小
targetRect.h = (double)zoomWidth / (fabs(sin(theta) )+ srcRatio * fabs(cos(theta)));
targetRect.w = targetRect.h * srcRatio;
targetRect.x = (dstRect->w- targetRect.w ) / 2;
targetRect.y = (dstRect->h- targetRect.h ) / 2;
return targetRect;
}
三、使用示例
只展示渲染部分，初始化及获取视频略。
//窗口区域
sdlRect.x = 0;
sdlRect.y = 0;
sdlRect.w = video->screen_w;
sdlRect.h = video->screen_h;
//视频区域
sdlRect2.x = 0;
sdlRect2.y = 0;
sdlRect2.w = video->decoder.codecContext->width;
sdlRect2.h = video->decoder.codecContext->height;
//渲染到sdl窗口
SDL_RenderClear(video->sdlRenderer);
SDL_UpdateYUVTexture(video->sdlTexture, &sdlRect2, dst_data[0], dst_linesize[0], dst_data[1], dst_linesize[1], dst_data[2], dst_linesize[2]);
if (video->angle == 0)
SDL_RenderCopy(video->sdlRenderer, video->sdlTexture, NULL, &sdlRect);
else
//当旋转角度不为0时使用SDL_RenderCopyEx渲染
{
SDL_Rect sdlRect3;
//计算旋转后的目标区域
sdlRect3= getRotateRect(&sdlRect2,&sdlRect,video->angle);
SDL_RenderCopyEx(video->sdlRenderer, video->sdlTexture, NULL
, &sdlRect3, video->angle, 0, SDL_FLIP_NONE);
}
SDL_RenderPresent(video->sdlRenderer);
效果预览：
1、mp4 metadata-rotate为270，未处理旋转的情况：
2、旋转270度后
3、自定义旋转角度
总结
以上就是今天要讲的内容，做音视频开发过程中还是比较少遇到需要旋转视频的场景的，笔者也是测试播放器的时候，无意中发现自己手机的视频播放时画面倒转了，经过一番探究才了解到播放视频时需要处理rotate信息，于是实现了sdl渲染带旋转参数的视频，顺带也支持任意角度旋转。
原文地址：https://blog.csdn.net/u013113678/article/details/128323723
查看更多关于【C/C++教程】的文章
