前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >FFmpeg简易播放器的实现-视频播放

FFmpeg简易播放器的实现-视频播放

作者头像
叶余
发布2019-04-02 16:07:58
4.5K0
发布2019-04-02 16:07:58
举报
文章被收录于专栏:音视频开发技术

1. 视频播放器基本原理

下图引用自“雷霄骅,视音频编解码技术零基础学习方法”,因原图太小,看不太清楚,故重新制作了一张图片。

如下内容引用自“雷霄骅,视音频编解码技术零基础学习方法”:

解协议 将流媒体协议的数据,解析为标准的相应的封装格式数据。视音频在网络上传播的时候,常常采用各种流媒体协议,例如HTTP,RTMP,或是MMS等等。这些协议在传输视音频数据的同时,也会传输一些信令数据。这些信令数据包括对播放的控制(播放,暂停,停止),或者对网络状态的描述等。解协议的过程中会去除掉信令数据而只保留视音频数据。例如,采用RTMP协议传输的数据,经过解协议操作后,输出FLV格式的数据。 解封装 将输入的封装格式的数据,分离成为音频流压缩编码数据和视频流压缩编码数据。封装格式种类很多,例如MP4,MKV,RMVB,TS,FLV,AVI等等,它的作用就是将已经压缩编码的视频数据和音频数据按照一定的格式放到一起。例如,FLV格式的数据,经过解封装操作后,输出H.264编码的视频码流和AAC编码的音频码流。 解码 将视频/音频压缩编码数据,解码成为非压缩的视频/音频原始数据。音频的压缩编码标准包含AAC,MP3,AC-3等等,视频的压缩编码标准则包含H.264,MPEG2,VC-1等等。解码是整个系统中最重要也是最复杂的一个环节。通过解码,压缩编码的视频数据输出成为非压缩的颜色数据,例如YUV420P,RGB等等;压缩编码的音频数据输出成为非压缩的音频抽样数据,例如PCM数据。 音视频同步 根据解封装模块处理过程中获取到的参数信息,同步解码出来的视频和音频数据,并将视频音频数据送至系统的显卡和声卡播放出来。

2. 简易播放器的实现-视频播放

2.1 实验平台

实验平台:openSUSE Leap 42.3

FFmpeg版本:4.1

SDL版本:2.0.9

FFmpeg开发环境搭建可参考“FFmpeg开发环境构建

2.2 源码清单

代码已经变得挺长了,不贴完整源码了,源码参考:

https://github.com/leichn/exercises/blob/master/source/ffmpeg/player_video/ffplayer.c

源码清单中涉及的一些概念简述如下:

container:

对应数据结构AVFormatContext

封装器,将流数据封装为指定格式的文件,文件格式如AVI、MP4等。

FFmpeg可识别五种流类型:视频video(v)、音频audio(a)、attachment(t)、数据data(d)、字幕subtitle。

codec:

对应数据结构AVCodec

编解码器。编码器将未压缩的原始图像或音频数据编码为压缩数据。解码器与之相反。

codec context:

对应数据结构AVCodecContext

编解码器上下文。此为非常重要的一个数据结构,后文分析。各API大量使用AVCodecContext来引用编解码器。

codec par:

对应数据结构AVCodecParameters

编解码器参数。新版本增加的字段。新版本建议使用AVStream->codepar替代AVStream->codec。

packet:

对应数据结构AVPacket

经过编码的数据。通过av_read_frame()从媒体文件中获取得到的一个packet可能包含多个(整数个)音频帧或单个

视频帧,或者其他类型的流数据。

frame:

对应数据结构AVFrame

解码后的原始数据。解码器将packet解码后生成frame。

plane:

如YUV有Y、U、V三个plane,RGB有R、G、B三个plane

slice:

图像中一片连续的行,必须是连续的,顺序由顶部到底部或由底部到顶部

stride/pitch:

一行图像所占的字节数,Stride = BytesPerPixel × Width,x字节对齐待确认

sdl window:

对应数据结构SDL_Window

播放视频时弹出的窗口。在SDL1.x版本中,只可以创建一个窗口。在SDL2.0版本中,可以创建多个窗口。

sdl texture:

对应数据结构SDL_Texture

一个SDL_Texture对应一帧解码后的图像数据。

sdl renderer:

对应数据结构SDL_Renderer

渲染器。将SDL_Texture渲染至SDL_Window。

sdl rect:

对应数据结构SDL_Rect

SDL_Rect用于确定SDL_Texture显示的位置。一个SDL_Window上可以显示多个SDL_Rect。这样可以实现同一窗口的分屏显示。

2.3 源码流程简述

流程比较简单,不画流程图了,简述如下:

代码语言:javascript
复制
media file --[decode]--> raw frame --[scale]--> yuv frame --[SDL]--> display  
media file ------------> p_frm_raw -----------> p_frm_yuv ---------> sdl_renderer  

加上相关关键函数后,流程如下:

代码语言:javascript
复制
media_file ---[av_read_frame()]----------->  
p_packet   ---[avcodec_send_packet()]----->  
decoder    ---[avcodec_receive_frame()]--->  
p_frm_raw  ---[sws_scale()]--------------->  
p_frm_yuv  ---[SDL_UpdateYUVTexture()]---->  
display  

2.4 解码及显示过程

2.4.1 读取视频数据

调用av_read_frame()从输入文件中读取视频数据包

代码语言:javascript
复制
// A8. 从视频文件中读取一个packet
//     packet可能是视频帧、音频帧或其他数据,解码器只会解码视频帧或音频帧,非音视频数据并不会被
//     扔掉、从而能向解码器提供尽可能多的信息
//     对于视频来说,一个packet只包含一个frame
//     对于音频来说,若是帧长固定的格式则一个packet可包含整数个frame,
//                   若是帧长可变的格式则一个packet只包含一个frame
while (av_read_frame(p_fmt_ctx, p_packet) == 0)
{
    if (p_packet->stream_index == v_idx)  // 取到一帧视频帧,则退出
    {
        break;
    }
}
2.4.2 视频数据解码

调用avcodec_send_packet()和avcodec_receive_frame()对视频数据解码

代码语言:javascript
复制
// A9. 视频解码:packet ==> frame
// A9.1 向解码器喂数据,一个packet可能是一个视频帧或多个音频帧,此处音频帧已被上一句滤掉
ret = avcodec_send_packet(p_codec_ctx, p_packet);
if (ret != 0)
{
    printf("avcodec_send_packet() failed %d\n", ret);
    res = -1;
    goto exit8;
}
// A9.2 接收解码器输出的数据,此处只处理视频帧,每次接收一个packet,将之解码得到一个frame
ret = avcodec_receive_frame(p_codec_ctx, p_frm_raw);
if (ret != 0)
{
    if (ret == AVERROR_EOF)
    {
        printf("avcodec_receive_frame(): the decoder has been fully flushed\n");
    }
    else if (ret == AVERROR(EAGAIN))
    {
        printf("avcodec_receive_frame(): output is not available in this state - "
                "user must try to send new input\n");
        continue;
    }
    else if (ret == AVERROR(EINVAL))
    {
        printf("avcodec_receive_frame(): codec not opened, or it is an encoder\n");
    }
    else
    {
        printf("avcodec_receive_frame(): legitimate decoding errors\n");
    }
    res = -1;
    goto exit8;
}
2.4.3 图像格式转换

图像格式转换的目的,是为了解码后的视频帧能被SDL正常显示。因为FFmpeg解码后得到的图像格式不一定就能被SDL支持,这种情况下不作图像转换是无法正常显示的。

图像转换初始化相关:

代码语言:javascript
复制
// A7. 初始化SWS context,用于后续图像转换
//     此处第6个参数使用的是FFmpeg中的像素格式,对比参考注释B4
//     FFmpeg中的像素格式AV_PIX_FMT_YUV420P对应SDL中的像素格式SDL_PIXELFORMAT_IYUV
//     如果解码后得到图像的不被SDL支持,不进行图像转换的话,SDL是无法正常显示图像的
//     如果解码后得到图像的能被SDL支持,则不必进行图像转换
//     这里为了编码简便,统一转换为SDL支持的格式AV_PIX_FMT_YUV420P==>SDL_PIXELFORMAT_IYUV
sws_ctx = sws_getContext(p_codec_ctx->width,    // src width
                         p_codec_ctx->height,   // src height
                         p_codec_ctx->pix_fmt,  // src format
                         p_codec_ctx->width,    // dst width
                         p_codec_ctx->height,   // dst height
                         AV_PIX_FMT_YUV420P,    // dst format
                         SWS_BICUBIC,           // flags
                         NULL,                  // src filter
                         NULL,                  // dst filter
                         NULL                   // param
                         );

// B4. 创建SDL_Texture
//     一个SDL_Texture对应一帧YUV数据,同SDL 1.x中的SDL_Overlay
//     此处第2个参数使用的是SDL中的像素格式,对比参考注释A7
//     FFmpeg中的像素格式AV_PIX_FMT_YUV420P对应SDL中的像素格式SDL_PIXELFORMAT_IYUV
sdl_texture = SDL_CreateTexture(sdl_renderer, 
                                SDL_PIXELFORMAT_IYUV, 
                                SDL_TEXTUREACCESS_STREAMING,
                                p_codec_ctx->width,
                                p_codec_ctx->height
                                );

图像格式转换过程调用sws_scale()实现:

代码语言:javascript
复制
// A10. 图像转换:p_frm_raw->data ==> p_frm_yuv->data
// 将源图像中一片连续的区域经过处理后更新到目标图像对应区域,处理的图像区域必须逐行连续
// plane: 如YUV有Y、U、V三个plane,RGB有R、G、B三个plane
// slice: 图像中一片连续的行,必须是连续的,顺序由顶部到底部或由底部到顶部
// stride/pitch: 一行图像所占的字节数,Stride=BytesPerPixel*Width+Padding,注意对齐
// AVFrame.*data[]: 每个数组元素指向对应plane
// AVFrame.linesize[]: 每个数组元素表示对应plane中一行图像所占的字节数
sws_scale(sws_ctx,                                  // sws context
          (const uint8_t *const *)p_frm_raw->data,  // src slice
          p_frm_raw->linesize,                      // src stride
          0,                                        // src slice y
          p_codec_ctx->height,                      // src slice height
          p_frm_yuv->data,                          // dst planes
          p_frm_yuv->linesize                       // dst strides
          );
2.4.4 显示

调用SDL相关函数将图像在屏幕上显示:

代码语言:javascript
复制
// B7. 使用新的YUV像素数据更新SDL_Rect
SDL_UpdateYUVTexture(sdl_texture,                   // sdl texture
                     &sdl_rect,                     // sdl rect
                     p_frm_yuv->data[0],            // y plane
                     p_frm_yuv->linesize[0],        // y pitch
                     p_frm_yuv->data[1],            // u plane
                     p_frm_yuv->linesize[1],        // u pitch
                     p_frm_yuv->data[2],            // v plane
                     p_frm_yuv->linesize[2]         // v pitch
                     );

// B8. 使用特定颜色清空当前渲染目标
SDL_RenderClear(sdl_renderer);
// B9. 使用部分图像数据(texture)更新当前渲染目标
SDL_RenderCopy(sdl_renderer,                        // sdl renderer
               sdl_texture,                         // sdl texture
               NULL,                                // src rect, if NULL copy texture
               &sdl_rect                            // dst rect
               );

// B10. 执行渲染,更新屏幕显示
SDL_RenderPresent(sdl_renderer);

2.5 帧率控制-定时刷新机制

上一版源码存在的两个问题:

1. 以固定25FPS的帧率播放视频文件,对于帧率不是25FPS的视频文件,播放是不正常的

2. 即使对于帧率是25FPS的文件来说,帧率控制仍然较不准确,因为未考虑解码视频帧消耗的时间

本版源码针对此问题作了改善,将上一版代码拆分为两个线程:定时刷新线程 + 解码主线程。

定时刷新线程按计算出的帧率发送自定义SDL事件,通知解码主线程

解码主线程收到SDL事件后,获取一个视频帧解码并显示

3. 编译与验证

3.1 编译

代码语言:javascript
复制
gcc -o ffplayer ffplayer.c -lavutil -lavformat -lavcodec -lavutil -lswscale -lSDL2

3.2 验证

选用clock.avi测试文件,测试文件下载:clock.avi

查看视频文件格式信息:

代码语言:javascript
复制
ffprobe clock.avi

打印视频文件信息如下:

代码语言:javascript
复制
[avi @ 0x9286c0] non-interleaved AVI
Input #0, avi, from 'clock.avi':
  Duration: 00:00:12.00, start: 0.000000, bitrate: 42 kb/s
    Stream #0:0: Video: msrle ([1][0][0][0] / 0x0001), pal8, 320x320, 1 fps, 1 tbr, 1 tbn, 1 tbc
    Stream #0:1: Audio: truespeech ([34][0][0][0] / 0x0022), 8000 Hz, mono, s16, 8 kb/s

运行测试命令:

代码语言:javascript
复制
./ffplayer clock.avi 

可以听到每隔1秒时钟指针跳动一格,跳动12次后播放结束。播放过程只有图像,没有声音。播放正常。

4. 参考资料

1 雷霄骅,视音频编解码技术零基础学习方法

2 雷霄骅,FFmpeg源代码简单分析:常见结构体的初始化和销毁(AVFormatContext,AVFrame等)

3 雷霄骅,最简单的基于FFMPEG+SDL的视频播放器ver2(采用SDL2.0)

4 雷霄骅,最简单的视音频播放示例7:SDL2播放RGB/YUV

5(https://blog.csdn.net/WificamSDK7/article/details/48679431)

6 Martin Bohme, An ffmpeg and SDL Tutorial, Tutorial 01: Making Screencaps

7 Martin Bohme, An ffmpeg and SDL Tutorial, Tutorial 02: Outputting to the Screen

8(https://www.cnblogs.com/welhzh/p/4939613.html)

9(https://www.cnblogs.com/azraelly/archive/2013/01/01/2841269.html)

10(https://zh.wikipedia.org/wiki/YUV),https://zh.wikipedia.org/wiki/YUV

5. 修改记录

2018-11-23 V1.0 初稿

2018-11-29 V1.1 增加定时刷新线程,使解码帧率更加准确

2019-01-12 V1.2 增加解码及显示过程说明

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-11-30 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 视频播放器基本原理
  • 2. 简易播放器的实现-视频播放
    • 2.1 实验平台
      • 2.2 源码清单
        • 2.3 源码流程简述
          • 2.4 解码及显示过程
            • 2.4.1 读取视频数据
            • 2.4.2 视频数据解码
            • 2.4.3 图像格式转换
            • 2.4.4 显示
          • 2.5 帧率控制-定时刷新机制
          • 3. 编译与验证
            • 3.1 编译
              • 3.2 验证
              • 4. 参考资料
              • 5. 修改记录
              相关产品与服务
              云点播
              面向音视频、图片等媒体,提供制作上传、存储、转码、媒体处理、媒体 AI、加速分发播放、版权保护等一体化的高品质媒体服务。
              领券
              问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档