Android WebRTC 黑屏问题实践

基于Android WebRTC 画面黑屏排查VideoFrame两文,我们应该已经具备了一定的黑屏问题的排查能力,根据黑屏排查1文当中的第三种情况,我们来实践一下看看能不能解决实际问题。

问题

我们正在进行 P2P 的投屏,假设 A 设备现在已经投屏到 B 设备,也就是 A 是采集端,B 是渲染端。 我们现在看下B渲染端的展示情况:

据上图我们看到顶部是手机本机的状态栏,状态栏之下就是投屏出来的 A 设备的桌面情况。画面的中心有个 Toggle 按钮,点击 Toggle 按钮会进行投屏的全屏状态切换到小悬浮窗状态,如下图:

如果再从小窗状态去点击 toggle 按钮则再回到全屏状态,好了上面都是展示的正常情况。

那么问题来了:此时如果 A 端的画面是静止桌面,我们去从小窗模式点击 toggle 则会产生如下效果:

从小窗切回全屏模式,渲染端画面没有填充全屏,产生了很大块的黑边,用户体验很差,从完整展示的大屏切到小窗也是同理,这个过程的刷新是直到 A 端渲染端产生了新的 VideoFrame 发送到了 B 这个问题才会消失,最长可能长达数秒!

方案1 SurfaceView 刷新

渲染端的核心类是 SurfaceViewRenderer 它也是继承了 SurfaceView ,既然这样我们能不能去调用 Android View 体系的方法进行刷新?于是我在点击 Toggle 的时候新增了一个 Listener 尝试了如下方法:

java 复制代码
requestLayout()

postInvalidate()

然而两个方法并没有像我预期的一样起作用给黑屏区域刷新过来。

根据我查阅 WebRTC 渲染线程的一些代码中会出现 GLES20 的一些字样,我推测为什么 Android View 体系的刷新方法不起作用的原因可能就是底下的刷新渲染是基于 OpenGL 的实现,里面的着色器和纹理对于 Android View 的刷新体系不生效,该方案宣告失败

方案2 采集端帧补偿

Android WebRTC 画面黑屏排查 依据文中在采集端 SurfaceTextureHelper 核心代码中提供了一个

java 复制代码
/**
 * Forces a frame to be produced. If no new frame is available, the last frame is sent to the
 * listener again.
 */
public void forceFrame() {
  handler.post(() -> {
    hasPendingTexture = true;
    tryDeliverTextureFrame();
  });
}

根据方法注释这种情况,我们调下强刷方法刷一下不就行了吗?但是这个强刷的时机怎么通知怎么弄?

见上图简单示意,首先我们需要在信令服务器层定义一个新的信令,用于 B 通知 A。

java 复制代码
public enum DataModelType {
 NotifyCaptureFrameRefresh
}

然后我们在 B 端点击 toggle 时发送这个信令到 A

java 复制代码
val data = XxxDataModel(XxxDataModel.DataModelType.NotifyCaptureFrameRefresh,xxx,it,null)
mSignalingChannel.sendTcpMessage(data)

A 监听这个信令,然后调强刷

java 复制代码
XxxDataModel.DataModelType.NotifyCaptureFrameRefresh -> {//收到渲染端大小窗切换事件做采集帧补偿刷新
    forceRefresh()
}

信令没有成功发送到 B 设备,排查原因是因为被 WebRTC 拦截了

java 复制代码
/**
 * Applies the frame adaptation parameters to a frame. Returns null if the frame is meant to be
 * dropped. Returns a new frame. The caller is responsible for releasing the returned frame.
 */
public static @Nullable VideoFrame applyFrameAdaptationParameters(
java 复制代码
/**
 * This function should be called before delivering any frame to determine if the frame should be
 * dropped or what the cropping and scaling parameters should be. If the return value is null, the
 * frame should be dropped, otherwise the frame should be adapted in accordance to the frame
 * adaptation parameters before calling onFrameCaptured().
 */
@Nullable
public VideoProcessor.FrameAdaptationParameters adaptFrame(VideoFrame frame) {
  return nativeAdaptFrame(nativeAndroidVideoTrackSource, frame.getBuffer().getWidth(),
      frame.getBuffer().getHeight(), frame.getRotation(), frame.getTimestampNs());
}

这个函数应该在传递任何帧之前调用,以确定是否应该丢弃帧,或者裁剪和缩放参数应该是什么。如果返回值为 null,则应该丢弃帧,否则应根据帧适应参数调整帧,然后调用 onFrameCaptured()。

通过注释文中代码,屏蔽了RTC的抛弃机制,然后进行A-B的帧补偿,解决了窗口切换黑屏问题。

方案3 渲染端帧补偿

第三种思路是在渲染端每次去保留一帧 lastVideoFrame ,然后在 toggle 的时候直接去 onFrame 应用这帧,这个思路比方案 2 更节约一次通信。适合截留的位置建议在 SurfaceViewRenderer 的 onFrame() 方法中。注意在操作视频帧的时候特别需要注意的是 retain & release 的处理,稍有不慎就会产生 crash 和 native crash ,详可见我的上一篇文章: VideoFrame

相关推荐
北城青7 小时前
WebRTC Connection Negotiate解决
运维·服务器·webrtc
天天讯通12 小时前
网页WebRTC电话和软电话哪个好用?
webrtc
弱冠少年12 小时前
WebRTC入门
webrtc
dvlinker1 天前
【音视频开发】使用支持硬件加速的D3D11绘图遇到的绘图失败与绘图崩溃问题的记录与总结
音视频开发·c/c++·视频播放·d3d11·d3d11绘图模式
limingade5 天前
手机实时提取SIM卡打电话的信令声音-(题外、插播一条广告)
android·物联网·计算机外设·音视频·webrtc·信号处理
余生H5 天前
拿下奇怪的前端报错:某些多摄手机拉取部分摄像头视频流会导致应用崩溃,该如何改善呢?
前端·javascript·webrtc·html5·webview·相机
音视频牛哥6 天前
Android平台GB28181实时回传流程和技术实现
音视频开发·视频编码·直播
Liveweb视频汇聚平台7 天前
如何使用 WebRTC 获取摄像头视频
音视频·webrtc
音视频牛哥8 天前
RTMP、RTSP直播播放器的低延迟设计探讨
音视频开发·视频编码·直播