QuickBloxのWebRTCビデオチャットアンドロイド

Question

は、このように私のビューの下に相手のビューを維持します。

それは正常に動作しますが、私はSkypeのような見解を維持する場合： - 対戦相手のビューは、フルスクリーン上にあり、私の見解は、それが最後にレンダリングされ一つだけのビューをレンダリングする相手ビューの右上隅にあります。 私はquickblox webrtcを見ます。quickbloxサイトで与えられたサンプル。私はそのサンプルのコードを見ましたが、会議のトークが含まれていますリサイクルビューの複雑なコーディングで私には1つ1つの話が必要です誰かが私に1つのwebrtcビューを完全にどのようにして1つのwebrtcを別のものの上に置くか教えてもらえますか？

Answer 1

私の理解ではQuickBloxはのWebRTCプロトコルに基づいたチャット部屋ベースのビデオを処理しています。彼らは部屋のIDを管理していて、誰でも部屋のIDを取得してビデオに参加することができます。私たちは私たち自身のアイデアを使って1対1のセッションを作り出すことができます。 レイアウトの場合、独自の方法でレイアウトを変更できます。私のレイアウトの実装とそのうまくいくことを確認してください。

<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>