2

我正在为 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)

关于如何解决这种情况的任何线索?

4

0 回答 0