我正在为 android 应用程序开发 webrtc。关于 webrtc 连接,一切都按预期工作,但现在我正在制作动画,SurfaceViewRenderer
因此远程视频从填充整个屏幕变为右上角的一个小矩形,反之亦然(从小到大)。
我正在使用 aMotionLayout
来实现这一点,并使用 aMotionScene
以及几个状态来定义SurfaceViewRenderer
随时间变化的属性,以获得良好且平滑的调整大小效果。
视图本身会随着时间的推移正确调整大小,但在动画期间视频播放会停止,因此,当从小到大时,最后一个视频帧保持较小,而视图会增加其大小。并且在动画结束时,当视频继续播放时,会出现一个新的大视频帧并填满视图。因此,我最终变得更像跳过效果,而不是从小到大的平滑调整效果,小视频播放停止,然后在几毫秒后恢复播放并变大。
我试过的
- 深入研究所涉及的类(
SurfaceViewRenderer
,VideoRenderer
,VideoTrack
)以找到获取当前视频帧并调整其大小的方法,但找不到这样做的方法
重现步骤
由于您需要设置 webrtc 环境以及信令服务器,因此很难重现确切的场景,但我将分享我正在使用的代码片段。我的主要布局如下所示:
<android.support.constraint.motion.MotionLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:orientation="vertical"
app:layoutDescription="@xml/motion_master_view_scene"
android:id="@+id/webRtcViewsLayout">
<org.webrtc.SurfaceViewRenderer
android:id="@+id/slaveVideoView"
android:layout_width="300dp"
android:layout_height="169dp"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_marginEnd="84dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<org.webrtc.SurfaceViewRenderer
android:id="@+id/masterVideoView"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</android.support.constraint.motion.MotionLayout>
然后我的 motion_master_view_scene.xmlMotionScene
看起来像这样:
<?xml version="1.0" encoding="utf-8"?>
<MotionScene xmlns:motion="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<Transition
motion:duration="500">
</Transition>
<StateSet
motion:defaultState="@id/localMasterState">
<State android:id="@+id/bothMinimizedState" motion:constraints="@id/bothMinimizedConstraintSet"></State>
<State android:id="@+id/localMasterState" motion:constraints="@id/localMasterConstraintSet"></State>
</StateSet>
<ConstraintSet android:id="@+id/bothMinimizedConstraintSet">
<Constraint
android:id="@+id/masterVideoView"
android:layout_width="300dp"
android:layout_height="169dp"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_marginTop="196dp"
android:layout_marginRight="10dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
/>
<Constraint
android:id="@+id/slaveVideoView"
android:layout_width="300dp"
android:layout_height="169dp"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
/>
</ConstraintSet>
<ConstraintSet android:id="@+id/localMasterConstraintSet">
<Constraint
android:id="@+id/masterVideoView"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
<Constraint
android:id="@+id/slaveVideoView"
android:layout_width="300dp"
android:layout_height="169dp"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
/>
</ConstraintSet>
</MotionScene>
最后,我通过这样做在 MainActivity 中的状态之间切换
webRtcViewsLayout.transitionToState(newState)
关于如何解决这种情况的任何线索?