android - QuickBlox WebRtc 视频聊天安卓

Question

这几天我一直在研究 quickblox。我像这样让对手的视野低于我的视野。

它工作正常，但是当我保持像 Skype 这样的 View 时:- 对手 View 在全屏上，而我的 View 在对手 View 的右上角，它只渲染最后渲染的一个 View 。我查看了 quickblox 站点上提供的 quickblox webrtc 示例。我看到了该示例中的代码，但它包含 session 谈话，其中包含一些复杂的回收 View 编码，对我来说，需要一对一的谈话，任何人都可以告诉我保持一个 webrtc View 高于另一个的最佳方式，它以完美的方式工作.谁能告诉我如何将一个 webrtc 置于另一个之上。

Answer 1

在我的理解中，QuickBlox 正在处理基于 WebRTC 协议(protocol)的基于房间的视频聊天。他们正在管理一个房间 ID，任何获得房间 ID 的人都可以加入视频。我们可以根据自己的想法创建一对一的 session 。在布局的情况下，我们可以按照自己的方式修改布局。请检查我的布局实现及其是否适合我。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <RelativeLayout
        android:id="@+id/rl_video_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ImageView
            android:id="@+id/iv_hang_up_icon"
            android:layout_width="@dimen/app_video_screen_icon_width_height"
            android:layout_height="@dimen/app_video_screen_icon_width_height"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:layout_marginRight="@dimen/activity_horizontal_margin"
            android:layout_marginTop="@dimen/activity_horizontal_margin"
            android:background="@mipmap/hung_up" />

        <android.support.v4.view.ViewPager
            android:id="@+id/pager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:visibility="gone"
            android:layout_gravity="top">

            <android.support.v4.view.PagerTitleStrip
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="top"
                android:background="@color/app_text_icon_color" />

        </android.support.v4.view.ViewPager>

        <RelativeLayout
            android:id="@+id/preview"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:layout_margin="@dimen/app_common_five_dp_padding" />
    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/rl_patient_info_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/transparent"
        android:gravity="bottom">

        <LinearLayout
            android:id="@+id/ll_patient_details_container"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="@dimen/app_common_five_dp_padding"
            android:orientation="vertical">

            <com.adoctortalk.android.utilities.CustomTxtViewBold
                android:id="@+id/tv_patient_name"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginBottom="@dimen/app_common_five_dp_padding"
                android:layout_marginLeft="@dimen/app_common_ten_dp_padding"
                android:layout_marginTop="@dimen/app_common_five_dp_padding"
                android:text="New Text"
                android:textColor="@color/app_text_icon_color"
                android:textSize="@dimen/application_font_size_very_large" />

            <com.adoctortalk.android.utilities.CustomTxtViewBold
                android:id="@+id/tv_patient_sub_info"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginBottom="@dimen/app_common_five_dp_padding"
                android:layout_marginLeft="@dimen/app_common_ten_dp_padding"
                android:layout_marginTop="@dimen/app_common_five_dp_padding"
                android:text="New Text"
                android:textColor="@color/app_text_icon_color"
                android:textSize="@dimen/application_font_size_large" />

            <LinearLayout
                android:id="@+id/ll_patient_action_cotainer"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_marginBottom="@dimen/app_common_five_dp_padding"
                android:layout_margin="@dimen/app_common_five_dp_padding"
                android:orientation="horizontal"
                android:visibility="visible">

                <ImageView
                    android:id="@+id/iv_profile_icon"
                    android:layout_width="@dimen/app_video_screen_icon_width_height"
                    android:layout_height="@dimen/app_video_screen_icon_width_height"
                    android:layout_marginRight="@dimen/app_common_five_dp_padding"
                    android:background="@mipmap/profile" />

                <ImageView
                    android:id="@+id/iv_medical_notes_icon"
                    android:layout_width="@dimen/app_video_screen_icon_width_height"
                    android:layout_height="@dimen/app_video_screen_icon_width_height"
                    android:layout_marginLeft="@dimen/app_common_five_dp_padding"
                    android:layout_marginRight="@dimen/app_common_five_dp_padding"
                    android:background="@mipmap/medical_notes" />

                <ImageView
                    android:id="@+id/iv_prescription_icon"
                    android:layout_width="@dimen/app_video_screen_icon_width_height"
                    android:layout_height="@dimen/app_video_screen_icon_width_height"
                    android:layout_marginLeft="@dimen/app_common_five_dp_padding"
                    android:layout_marginRight="@dimen/app_common_five_dp_padding"
                    android:background="@mipmap/prescription" />

                <ImageView
                    android:id="@+id/iv_attachment_icon"
                    android:layout_width="@dimen/app_video_screen_icon_width_height"
                    android:layout_height="@dimen/app_video_screen_icon_width_height"
                    android:layout_marginLeft="@dimen/app_common_five_dp_padding"
                    android:layout_marginRight="@dimen/app_common_five_dp_padding"
                    android:background="@mipmap/attachments" />
            </LinearLayout>
        </LinearLayout>

        <RelativeLayout
            android:id="@+id/rl_video_fragmnet_container"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@+id/ll_patient_details_container"
            android:visibility="gone"></RelativeLayout>
    </RelativeLayout>

</RelativeLayout>