草庐IT

android - QuickBlox WebRtc 视频聊天安卓

coder 2023-11-24 原文

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

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

最佳答案

在我的理解中,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>

关于android - QuickBlox WebRtc 视频聊天安卓,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37248670/

有关android - QuickBlox WebRtc 视频聊天安卓的更多相关文章

  1. 动漫制作技巧如何制作动漫视频 - 2

    动漫制作技巧是很多新人想了解的问题,今天小编就来解答与大家分享一下动漫制作流程,为了帮助有兴趣的同学理解,大多数人会选择动漫培训机构,那么今天小编就带大家来看看动漫制作要掌握哪些技巧?一、动漫作品首先完成草图设计和原型制作。设计草图要有目的、有对象、有步骤、要形象、要简单、符合实际。设计图要一致性,以保证制作的顺利进行。二、原型制作是根据设计图纸和制作材料,可以是手绘也可以是3d软件创建。在此步骤中,要注意的问题是色彩和平面布局。三、动漫制作制作完成后,加工成型。完成不同的表现形式后,就要对设计稿进行加工处理,使加工的难易度降低,并得到一些基本准确的概念,以便于后续的大样、准确的尺寸制定。四、

  2. python ffmpeg 使用 pyav 转换 一组图像 到 视频 - 2

    2022/8/4更新支持加入水印水印必须包含透明图像,并且水印图像大小要等于原图像的大小pythonconvert_image_to_video.py-f30-mwatermark.pngim_dirout.mkv2022/6/21更新让命令行参数更加易用新的命令行使用方法pythonconvert_image_to_video.py-f30im_dirout.mkvFFMPEG命令行转换一组JPG图像到视频时,是将这组图像视为MJPG流。我需要转换一组PNG图像到视频,FFMPEG就不认了。pyav内置了ffmpeg库,不需要系统带有ffmpeg工具因此我使用ffmpeg的python包装p

  3. TimeSformer:抛弃CNN的Transformer视频理解框架 - 2

    Transformers开始在视频识别领域的“猪突猛进”,各种改进和魔改层出不穷。由此作者将开启VideoTransformer系列的讲解,本篇主要介绍了FBAI团队的TimeSformer,这也是第一篇使用纯Transformer结构在视频识别上的文章。如果觉得有用,就请点赞、收藏、关注!paper:https://arxiv.org/abs/2102.05095code(offical):https://github.com/facebookresearch/TimeSformeraccept:ICML2021author:FacebookAI一、前言Transformers(VIT)在图

  4. 安卓apk修改(Android反编译apk) - 2

    最近因为项目需要,需要将Android手机系统自带的某个系统软件反编译并更改里面某个资源,并重新打包,签名生成新的自定义的apk,下面我来介绍一下我的实现过程。APK修改,分为以下几步:反编译解包,修改,重打包,修改签名等步骤。安卓apk修改准备工作1.系统配置好JavaJDK环境变量2.需要root权限的手机(针对系统自带apk,其他软件免root)3.Auto-Sign签名工具4.apktool工具安卓apk修改开始反编译本文拿Android系统里面的Settings.apk做demo,具体如何将apk获取出来在此就不过多介绍了,直接进入主题:按键win+R输入cmd,打开命令窗口,并将路

  5. ruby - 如何更改此正则表达式以从未指定 v 参数的 Youtube URL 获取 Youtube 视频 ID? - 2

    目前我正在使用这个正则表达式从YoutubeURL中提取视频ID:url.match(/v=([^&]*)/)[1]我怎样才能改变它,以便它也可以从这个没有v参数的YoutubeURL获取视频ID:http://www.youtube.com/user/SHAYTARDS#p/u/9/Xc81AajGUMU感谢阅读。编辑:我正在使用ruby​​1.8.7 最佳答案 对于Ruby1.8.7,这就可以了。url_1='http://www.youtube.com/watch?v=8WVTOUh53QY&feature=feedf'url

  6. (附源码)vue3.0+.NET6实现聊天室(实时聊天SignalR) - 2

    参考文章搭建文章gitte源码在线体验可以注册两个号来测试演示图:一.整体介绍  介绍SignalR一种通讯模型Hub(中心模型,或者叫集线器模型),调用这个模型写好的方法,去发送消息。  内容有:    ①:Hub模型的方法介绍    ②:服务器端代码介绍    ③:前端vue3安装并调用后端方法    ④:聊天室样例整体流程:1、进入网站->调用连接SignalR的方法2、与好友发送消息->调用SignalR的自定义方法 前端通过,signalR内置方法.invoke()  去请求接口3、监听接受方法(渲染消息)通过new signalR.HubConnectionBuilder().on

  7. 智能客服 | 浅谈人工智能聊天机器人ChatGPT - 2

    2022年底,OpenAI的预训练模型ChatGPT给人工智能领域的爱好者和研究人员留下了深刻的印象和启发,他展现的惊人能力将人工智能的研究和应用热度推向高潮,网上也充斥着和ChatGPT的各种聊天,他可以作诗、写小说、写代码、讨论疫情问题等。下面就是一些他的神回复:人命关天的坑: 写歌,留给词作者的机会不多了。。。 回答人类怎么样面对人工智能: 什么是ChatGPT?借用网上的一段介绍,ChatGPT是由人工智能研究实验室OpenAI在2022年11月30日发布的全新聊天机器人模型,一款人工智能技术驱动的自然语言处理工具。它能够通过学习和理解人类的语言来进行对话,还能根据聊天的上下文进行互动

  8. ruby - 使用 Ruby 构建聊天应用程序 - 2

    我正在尝试构建一个纯粹使用Ruby的聊天应用程序。有一个similarquestion较早发布,但我有不同的相关查询。我看过thisexample(与之前发布类似问题的人所提到的相同)。示例中的代码似乎对我不起作用。在终端上运行ruby​​脚本,并连接到url:http://localhost:1234在我的浏览器中,我无限期地遇到“正在从本地主机传输数据...”消息。此处的1234是所提供示例中使用的端口号。我无法弄清楚我运行失败的原因是什么。可能是我需要在执行脚本时在命令行中指定一些东西,或者我应该通过其他地方(可能是浏览器)开始聊天(输入输出)。我无法弄清楚到底该做什么。你能帮我

  9. 「想体验ChatGPT中文聊天?」那快进来,你用不上算我输 - 2

    ♥️作者:白日参商🤵‍♂️个人主页:白日参商主页♥️坚持分析平时学习到的项目以及学习到的软件开发知识,和大家一起努力呀!!!🎈🎈加油!加油!加油!加油🎈欢迎评论💬点赞👍🏻收藏📂加关注+!「想体验ChatGPT中文聊天?」那快进来,你用不上算我输项目场景:项目条件一、那就开始吧1、安装ChatGPT-Desktop2、OpenAPI设置二、使用实例恭喜你!!!配置成功了!!!API和URL都是博主免费提供给大家的!!!恭喜你!!!配置成功了!!!API和URL都是博主免费提供给大家的!!!🎈🎈加油!加油!加油!加油🎈欢迎评论💬点赞👍🏻收藏📂加关注+!项目场景:近几个月可以说ChatGPT是火得一

  10. ruby-on-rails - Ruby on Rails 3 - 公共(public)实时聊天 - 2

    我想使用Rails3创建一个公共(public)实时聊天应用程序。我在rails2上找到了一些例子。任何人都可以告诉你一个很好的例子/教程来使用rails3开发一个实时聊天应用程序。 最佳答案 当我试图在我的Rails3应用程序中实现一个公共(public)和私有(private)聊天系统时,我遇到了几个障碍。我查看了faye、juggernaut、node.js等。最终在尝试了几种方法之后,我能够实现一个运行良好的系统:1)我开始关注Railscast260中的faye消息传递视频指南。正如DevinM所提到的,我能够快速设置一个

随机推荐