导读:2020年如果问什么技术领域最火?毫无疑问:音视频。2020年远程办公和在线教育的强势发展,都离不开音视频的身影,视频会议、在线教学、娱乐直播等都是音视频的典型应用场景。

文|何敬敬

网易云信客户端音视频工程师

更加丰富的使用场景更需要我们考虑如何提供更多的可配置能力项,比如分辨率、帧率、码率等,以实现更好的用户体验。本文将主要从“分辨率”展开具体分享。

如何实现自定义编码分辨率

我们先来看看“分辨率”的定义。分辨率:是度量图像内像素数据量多少的一个参数,是衡量一帧图像或视频质量的关键指标。分辨率越高,图像体积(字节数)越大,画质越好。对于一个YUV i420 格式、分辨率 1080p 的视频流来说,一帧图像的体积为 1920x1080x1.5x8/1024/1024≈23.73Mbit,帧率 30,则 1s 的大小是 30x23.73≈711.9Mbit。可见数据量之大,对码率要求之高,所以在实际传输过程中就需要对视频进行压缩编码。因此,视频采集设备采集出的原始数据分辨率我们称采集分辨率,实际送进编码器的数据分辨率我们就称之为编码分辨率

视频画面是否清晰、比例是否合适,这些都会直接影响用户体验。摄像头采集分辨率的选择是有限的,有时我们想要的分辨率并不能直接通过摄像头采集到。那么,根据场景配置合适编码分辨率的能力就至关重要了。如何将采集到的视频转换成我们想要的编码分辨率去发送?这就是我们今天的主要分享的内容。

WebRTC 是 Google 开源的,功能强大的实时音视频项目,市面上大多开发者都是基于 WebRTC 构建实时音视频通信的解决方案。在 WebRTC 中各个模块都有很好的抽象解耦处理,  对我们进行二次开发非常友好。在我们构建实时音视频通信解决方案时,需要去了解和学习 WebRTC 的设计思想及代码模块,并具备二次开发和扩展的能力。本文我们基于 WebRTC Release 72 版本,聊聊如何实现自定义编码分辨率。

首先,我们思考下面几个问题:

  • 视频数据从采集到编码发送,其 Pipeline 是怎样的?

  • 怎么根据设置的编码分辨率选择合适的采集分辨率?

  • 怎么能得到想要的编码分辨率?

本文内容也将从以上三点展开具体分享。

视频数据的 Pipeline

首先,我们来了解一下视频数据的 Pipeline。视频数据由 VideoCapturer 产生,VideoCapturer 采集数据后经过 VideoAdapter 处理,然后经由 VideoSource 的 VideoBroadcaster 分发给注册的 VideoSink ,VideoSink 即编码器 Encoder Sink 和本地预览 Preview Sink。

对视频分辨率来说,流程是:将想要的分辨率设置给 VideoCapturer,VideoCapturer 选择合适的分辨率去采集,原始的采集分辨率数据再经过 VideoAdapter 计算,不符合预期后再进行缩放裁剪得到编码分辨率的视频数据,将数据再送进编码器编码后发送。

这里就有两个关键性问题:

  • VideoCapturer 如何选择合适的采集分辨率?

  • VideoAdapter 如何将采集分辨率转换成编码分辨率?

如何选择合适的采集分辨率

 采集分辨率的选择 

WebRTC 中对视频采集抽象出一个 Base 类:videocapturer.cc,我们把抽象称为 VideoCapturer,在 VideoCapturer 中设置参数属性,比如视频分辨率、帧率、支持的像素格式等,VideoCapturer 将根据设置的参数,计算出最佳的采集格式,再用这个采集格式去调用各个平台的 VDM(Video Device Module,视频硬件设备模块)。具体的设置如下:

代码摘自 WebRTC src/media/base/videocapturer.h

VideoCapturer.h
bool GetBestCaptureFormat(const VideoFormat& desired, VideoFormat* best_format);//内部遍历设备支持的所有采集格式调用GetFormatDistance()计算出每个格式的distance,选出distance最小的那个格式
int64_t GetFormatDistance(const VideoFormat& desired, const VideoFormat& supported);//根据算法计算出设备支持的格式与我们想要的采集格式的差距,distance为0即刚好满足我们的设置
void SetSupportedFormats(const std::vector<VideoFormat>& formats);//设置采集设备支持的格式fps,resolution,NV12, I420,MJPEG等

根据设置的参数,有时 GetBestCaptureFormat() 并不能得到比较符合我们设置的采集格式,因为不同的设备采集能力不同,iOS、Android、PC、Mac 原生的摄像采集和外置 USB 摄像采集对分辨率的支持是不同的,尤其外置 USB 摄像采集能力参差不齐。因此,我们需要对 GetFormatDistance() 稍作调整以满足我们的需求,下面我们就来聊聊具体应该如何进行代码调整以满足需求。

 选择策略源码分析 

我们先分析一下 GetFormatDistance() 的源码,摘取部分代码:

代码摘自 WebRTC src/media/base/videocapturer.cc

// Get the distance between the supported and desired formats.
int64_t VideoCapturer::GetFormatDistance(const VideoFormat& desired,const VideoFormat& supported) {//....省略部分代码// Check resolution and fps.int desired_width = desired.width;//编码分辨率宽int desired_height = desired.height;//编码分辨率高int64_t delta_w = supported.width - desired_width;//宽的差float supported_fps = VideoFormat::IntervalToFpsFloat(supported.interval);//采集设备支持的帧率float delta_fps = supported_fps - VideoFormat::IntervalToFpsFloat(desired.interval);//帧率差int64_t aspect_h = desired_width? supported.width * desired_height / desired_width: desired_height;//计算出设置的宽高比的高,采集设备的分辨率支持一般宽>高int64_t delta_h = supported.height - aspect_h;//高的差int64_t delta_fourcc;//设置的支持像素格式优先顺序,比如优先设置了NV12,同样分辨率和帧率的情况优先使用NV12格式采集//....省略部分降级策略代码,主要针对设备支持的分辨率和帧率不满足设置后的降级策略int64_t distance = 0;distance |=(delta_w << 28) | (delta_h << 16) | (delta_fps << 8) | delta_fourcc;return distance;
}

我们主要关注 Distance 这个参数。Distance 是 WebRTC 中的概念,它是设置的采集格式与设备支持的采集格式按照一定算法策略计算出的差值,差值越小代表设备支持的采集格式与设置想要的格式越接近,为 0 即刚好匹配。

Distance 由四部分组成 delta_w,delta_h,delta_fps,delta_fourcc,其中 delta_w(分辨率宽) 权重最重,delta_h(分辨率高) 其次,delta_fps(帧率) 再次,delta_fourcc(像素格式) 最后。这样导致的问题是宽的比重太高, 高的比重太低,无法匹配到比较精确支持的分辨率。

Example:

以 iPhone xs Max 800x800 fps:10 为例,我们摘取部分采集格式的 distance, 原生的 GetFormatDistance() 的算法是不满足需求的,想要的是 800x800,可以从下图看出结果 Best 是960x540,不符合预期:

Supported NV12 192x144x10 distance 489635708928
Supported NV12 352x288x10 distance 360789835776
Supported NV12 480x360x10 distance 257721630720
Supported NV12 640x480x10 distance 128880476160
Supported NV12 960x540x10 distance 43032248320
Supported NV12 1024x768x10 distance 60179873792
Supported NV12 1280x720x10 distance 128959119360
Supported NV12 1440x1080x10 distance 171869470720
Supported NV12 1920x1080x10 distance 300812861440
Supported NV12 1920x1440x10 distance 300742082560
Supported NV12 3088x2316x10 distance 614332104704
Best NV12 960x540x10 distance 43032248320

 选择策略调整 

为了获取我们想要的分辨率,按照我们分析,需要明确调整 GetFormatDisctance() 的算法,将分辨率的权重调整为最高,帧率其次,在没有指定像素格式的情况下,像素格式最后,那么修改情况如下:

int64_t VideoCapturer::GetFormatDistance(const VideoFormat& desired,const VideoFormat& supported) {//....省略部分代码// Check resolution and fps.int desired_width = desired.width; //编码分辨率宽int desired_height = desired.height; //编码分辨率高int64_t delta_w = supported.width - desired_width;int64_t delta_h = supported.height - desired_height;int64_t delta_fps = supported.framerate() - desired.framerate();distance = std::abs(delta_w) + std::abs(delta_h);//....省略降级策略, 比如设置了1080p,但是摄像采集设备最高支持720p,需要降级distance = (distance << 16 | std::abs(delta_fps) << 8 | delta_fourcc);return distance;
}

修改后:Distance 由三部分组成分辨率 (delta_w+delta_h),帧率 delta_fps,像素 delta_fourcc,其中 (delta_w+delta_h) 比重最高,delta_fps 其次,delta_fourcc 最后。

Example:

还是以 iPhone xs Max 800x800 fps:10 为例,我们摘取部分采集格式的 Distance, GetFormatDistance() 修改后, 我们想要的是 800x800, 选择的 Best 是1440x1080, 我们可以通过缩放裁剪得到 800x800, 符合预期(对分辨率要求不是特别精确的情况下,可以调整降级策略,选择1024x768):

Supported NV12 192x144x10 distance 828375040
Supported NV12 352x288x10 distance 629145600
Supported NV12 480x360x10 distance 498073600
Supported NV12 640x480x10 distance 314572800
Supported NV12 960x540x10 distance 275251200
Supported NV12 1024x768x10 distance 167772160
Supported NV12 1280x720x10 distance 367001600
Supported NV12 1440x1080x10 distance 60293120
Supported NV12 1920x1080x10 distance 91750400
Supported NV12 1920x1440x10 distance 115343360
Supported NV12 3088x2316x10 distance 249298944
Best NV12 1440x1080x10 distance 60293120

如何实现采集分辨率到编码分辨率

视频数据采集完成后,会经过 VideoAdapter (WebRTC中的抽象) 处理再分发到对应的 Sink (WebRTC中的抽象)。我们在 VideoAdapter 中稍作调整以计算出缩放裁剪所需的参数,再把视频数据用 LibYUV 缩放再裁剪到编码分辨率(为了尽可能保留多的画面图像信息,先用缩放处理,宽高比不一致时再裁剪多余的像素信息)。这里我们重点分析两个问题:

  • 还是选用上面的例子,我们想要的分辨率为 800x800 ,但是我们得到的最佳采集分辨率为 1440x1080,那么,如何从 1440x1080 采集分辨率得到设置的编码分辨率 800x800 呢?

  • 在视频数据从 VideoCapture 流到 VideoSink 的过程中会经过 VideoAdapter 的处理,VideoAdapter 具体做了哪些事呢?

下面我们就这两个问题展开具体的分析,我们先了解一下 VideoAdapter 是什么。

 VideoAdapter 介绍 

WebRTC 中对 VideoAdapter 是这样描述的:

VideoAdapter adapts an input video frame to an output frame based on the specified input and output formats. The adaptation includes dropping frames to reduce frame rate and scaling frames.VideoAdapter is thread safe.

我们可以理解为:VideoAdapter 是数据输入输出控制的模块,可以对帧率、分辨率做对应的帧率控制和分辨率降级。在 VQC(Video Quality Control)视频质量控制模块里,通过对 VideoAdapter 的配置,可以做到在低带宽、高 CPU 情况下对帧率进行动态降帧,对分辨率进行动态缩放,以保证视频的流畅性,从而提高用户体验。

摘自 src/media/base/videoadapter.h

VideoAdapter.hbool AdaptFrameResolution(int in_width,int in_height,int64_t in_timestamp_ns,int* cropped_width,int* cropped_height,int* out_width,int* out_height);
void OnOutputFormatRequest(const absl::optional<std::pair<int, int>>& target_aspect_ratio,const absl::optional<int>& max_pixel_count,const absl::optional<int>& max_fps);
void OnOutputFormatRequest(const absl::optional<VideoFormat>& format);

 VideoAdapter 源码分析 

VideoAdapter 中根据设置的 desried_format,调用 AdaptFrameResolution(),可以计算出采集分辨率到编码分辨率应该缩放和裁剪的 cropped_width, cropped_height, out_width, out_height 参数, WebRTC 原生的 adaptFrameResolution 是根据计算像素面积计算缩放参数,而不能得到精确的宽&高:

摘自 src/media/base/videoadapter.cc

bool VideoAdapter::AdaptFrameResolution(int in_width,int in_height,int64_t in_timestamp_ns,int* cropped_width,int* cropped_height,int* out_width,int* out_height) {
//.....省略部分代码
// Calculate how the input should be cropped.if (!target_aspect_ratio || target_aspect_ratio->first <= 0 ||target_aspect_ratio->second <= 0) {*cropped_width = in_width;*cropped_height = in_height;} else {const float requested_aspect =target_aspect_ratio->first /static_cast<float>(target_aspect_ratio->second);*cropped_width =std::min(in_width, static_cast<int>(in_height * requested_aspect));*cropped_height =std::min(in_height, static_cast<int>(in_width / requested_aspect));}const Fraction scale;//vqc 缩放系数 ....省略代码// Calculate final output size.*out_width = *cropped_width / scale.denominator * scale.numerator;*out_height = *cropped_height / scale.denominator * scale.numerator;}

Example:

以 iPhone xs Max 800x800 fps:10 为例,设置编码分辨率为 800x800,采集分辨率是 1440x1080,根据原生的算法,计算得到的新的分辨率为 720x720, 不符合预期。

 VideoAdapter 调整 

VideoAdapter 是 VQC(视频质量控制模块)中对视频质量做调整的重要部分,VQC 之所以可以完成帧率控制、分辨率缩放等操作,主要依赖于 VideoAdapter,因此修改需要考虑对 VQC 的影响。

为了能精确获得想要的分辨率,且不影响 VQC 模块对分辨率的控制,我们对 AdaptFrameResolution() 做以下调整:

bool VideoAdapter::AdaptFrameResolution(int in_width,int in_height,int64_t in_timestamp_ns,int* cropped_width,int* cropped_height,int* out_width,int* out_height) {//....省略部分代码bool in_more =(static_cast<float>(in_width) / static_cast<float>(in_height)) >=(static_cast<float>(desired_width_) /static_cast<float>(desired_height_));if (in_more) {*cropped_height = in_height;*cropped_width = *cropped_height * desired_width_ / desired_height_;} else {*cropped_width = in_width;*cropped_height = *cropped_width * desired_height_ / desired_width_;}*out_width = desired_width_;*out_height = desired_height_;//....省略部分代码return true;
}

Example:

同样以 iPhone xs Max 800x800 fps:10 为例,设置编码分辨率为 800x800,采集分辨率是 1440x1080,根据调整后的算法,计算得到的编码分辨率为 800x800, 符合预期。

总结

本文主要介绍了基于 WebRTC 如何实现编码分辨率的配置。当我们要对视频编码分辨率进行修改时,就需要去了解视频数据的采集、传递、处理、编码等整个流程,这里也再对今天分享几个关键步骤进行归纳,当我们要实现自定义编码分辨率发送时:

  • 首先,设置想要的编码分辨率;

  • 修改 VideoCapturer.cc,根据编码分辨率选择合适的采集分辨率;

  • 修改 VideoAdapter.cc,计算出采集分辨率缩放和裁剪到编码分辨率所需的参数;

  • 根据缩放和裁剪参数使用 libyuv 将原始数据缩放裁剪到编码分辨率;

  • 再将新数据送进编码器编码并发送;

  • 最后,Done。

同理我们也可以依据这种思路去做一些其他的调整。以上就是本文的全部介绍,我们也会持续分享更多音视频相关的技术实现,也欢迎留言与我们交流相关的技术。

5G 时代已经来临,音视频的应用领域会越来越宽泛,一切大有可为。

 作者介绍 

何敬敬,网易云信客户端音视频工程师,负责云信音视频跨平台 SDK 的研发工作。之前从事在线教育领域的音视频工作,对构建实时音视频解决方案和使用场景有一定的理解,喜欢钻研和解决复杂技术问题。

推荐阅读

  • WebRTC 系列之视频辅流

  • WebRTC 系列之音频的那些事

  • 从入门到进阶|如何基于 WebRTC 搭建一个视频会议

基于 WebRTC 实现自定义编码分辨率发送相关推荐

  1. WebRTC系列--视频编码控制之BALANCED(分辨率与帧率平衡模式)

    文章目录 1. 触发流程及流开始 2. 平衡模式流程详细分析 2.1 BalancedDegradationSettings的MinFps方法调用流程 2.2 source_proxy_的Restri ...

  2. webrtc 视频的采集,编码,发送流程详细分析(希望对底层深入了解的朋友有所帮助)

    ---------------------------------------------------------------------------------------------------- ...

  3. 基于WebRTC的互动直播实践

    互动直播已经逐渐成为直播的主要形式.映客直播资深音视频工程师叶峰峰在LiveVideoStackCon 2018大会的演讲中详细介绍了INKE自研连麦整体设计思路.如何基于WebRTC搭建互动直播SD ...

  4. 开源直播推流sdk_基于WebRTC的互动直播实践

    互动直播已经逐渐成为直播的主要形式.映客直播资深音视频工程师叶峰峰在LiveVideoStackCon 2018大会的演讲中详细介绍了INKE自研连麦整体设计思路.如何基于WebRTC搭建互动直播SD ...

  5. 从入门到进阶|如何基于WebRTC搭建一个视频会议

    文|网易智慧企业流媒体服务器天团 导读:疫情期间,视频会议等远程办公产品备受青睐,众多互联网玩家切入视频会议市场,加剧市场竞争.但是,产品虽多,能够带来稳定可靠体验的产品却凤毛麟角,它的难点在哪里?视 ...

  6. 【复】基于 WebRTC 的音视频在线监考模块的设计与实现(上)

    文章目录 前言 什么是 WebRTC? WebRTC 架构 WebRTC 通讯内容 WebRTC 通讯协议 WebRTC 连接建立过程 后记 前言 最近在做关于考试系统的项目,其中有一项需求分析是要做 ...

  7. 如何基于WebRTC搭建一个简单的视频会议

    前言 WebRTC,它是由谷歌推广的实时音视频技术栈,是音视频领域搜索热度最高的技术.它有多重身份,既是W3C的标准,也是一个开源项目,还有一个对应的IETF工作组(RTCWEB).在WebRTC出现 ...

  8. 基于QoE的实时视频编码优化:低功耗,低延时,高质量

    在实时通信领域,只有当Codec的优化适应了当前的网络状况,设备平台及应用场景,用户才能得到最佳的体验.在LiveVideoStackCon2018大会中声网Agora视频工程师吴晓然详细介绍了如何设 ...

  9. 使用基于 WebRTC 的 JavaScript API 在浏览器环境里调用本机摄像头

    HTML5,JavaScript 和现代浏览器这套三驾马车的组合,使得传统的 Web 应用较之过去能实现更多更丰富的同用户交互的功能.摄像头如今已成为智能手机的标配,前端 Web 应用也出现了越来越多 ...

最新文章

  1. 方阵旋转180度JAVA代码_方阵顺时针旋转的实现代码
  2. 阿里二面,原来我对自动化测试的理解太浅了
  3. SAP PM模块实施难点与重点
  4. 精简Linux文件路径
  5. 有那个眼界和能力,已经不是年轻人了
  6. 谷歌Launchpad Studio瞄准医疗领域,从早期公司吸取行业经验
  7. 计算机网络—SR选择重传协议
  8. 位、字、字节的区别 | 汇编伪指令db,dw,dd
  9. 使用Qt绘制二维码 QRcode
  10. CRC8 CRC16 查表法
  11. python 1、输入a,b,c解二元一次方程;2、克莱姆法则解线性方程;3、输入今天之后未来的天数,显示今天是星期几;4、输入一个数,检测是否能被5和6整除;5、输入人民币和美元的汇率和转换金额;
  12. Js获取中国农历,用于确定非固定的农历节假日
  13. 前端预览 PDF 文件几种方式汇总(使用PDFJS)
  14. 系统移植-(二)u-boot:启动过程做的工作(汇编阶段、C阶段)
  15. ERP-非财务人员的财务培训教(三)------公司/部门预算编制与评价
  16. 使用ActiveX控件打开IE浏览器
  17. 以太坊智能合约的原理和使用方法
  18. PHP在linux下读取word
  19. VC++报错:无法打开源文件“new.h”...
  20. Java中的屠龙之术(二):如何方便快捷地生成.class文件

热门文章

  1. 【Step1】【SPFA】poj2457-Part Acquisition
  2. Neo4j实战 (数据库技术丛书)pdf
  3. careercup-链表 2.1
  4. wall poj 1113
  5. 在Windows64位环境下.net访问Oracle解决方案(转)
  6. 2010英语WCDMA,希望你也和一样!
  7. python新手最容易犯的错误_Python新手最容易犯的十大错误
  8. TensorFlow 笔记4--使用tensorboard
  9. erlang精要(18)-以函数作为参数的函数,返回函数的函数(1)
  10. access开发精要(3)-子数据表