Android基于腾讯云实时音视频实现类似微信视频通话最小化悬浮

最新推荐文章于 2024-04-27 13:15:53 发布
最新推荐文章于 2024-04-27 13:15:53 发布
阅读量7.7k 收藏 28
点赞数 1
分类专栏： Android 文章标签： 腾讯云实时音视频 最小化悬浮 视频通话 Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oYuDaBaJiao/article/details/99998985
版权
本文介绍了如何基于腾讯云实时音视频SDK实现Android应用中的视频通话最小化悬浮窗口。通过设置Activity的启动模式和调用moveTaskToBack方法实现Activity最小化，同时在Service中创建和管理悬浮窗口，实现拖拽移动和点击重新打开视频通话功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

最近项目中有需要语音、视频通话需求，看到这个像环信、融云等SDK都有具体Demo实现，但咋的领导对腾讯情有独钟啊，IM要用腾讯云IM，不妙的是腾讯云IM并不包含有音视频通话都要自己实现，没办法深入了解腾讯云产品后，决定自己基于腾讯云实时音视频做去语音、视频通话功能。在这里把实现过程记录下为以后用到便于查阅，另一方面也给有需要的人提供一个思路，让大家少走弯路，有可能我的实现的方法不是最好，但是这或许是一个可行的方案，大家不喜勿喷。基于腾讯云实时音视频SDK 6.5.7272版本，腾讯DEMO下载地址

一、实现效果

     

二、实现思路

我把实现思路拆分为了两步：1、视频通话Activity的最小化。 2、视频通话悬浮框的开启

具体思路是这样的：当用户点击左上角最小化按钮的时候，最小化视频通话Activity（这时Activity处于后台状态），于此同时开启悬浮框，新建一个新的ViewGroup将全局Constents.mVideoViewLayout中用户选中的最大View动态添加到悬浮框里面去，监听悬浮框的触摸事件，让悬浮框可以拖拽移动；自定义点击事件，如果用户点击了悬浮框，则移除悬浮框然后重新调起我们在后台的视频通话Activity。

1.Activity是如何实现最小化的？

Activity本身自带了一个moveTaskToBack(boolean nonRoot)，我们要实现最小化只需要调用moveTaskToBack(true)传入一个true值就可以了，但是这里有一个前提，就是需要设置Activity的启动模式为singleInstance模式，两步搞定。（注：activity最小化后重新从后台回到前台会回调onRestart()方法）

  @Override
    public boolean moveTaskToBack(boolean nonRoot) {
        return super.moveTaskToBack(nonRoot);
    }

2.悬浮框是如何开启的？

悬浮框的实现方法最好写在Service里面，将悬浮框的开启关闭与服务Service的绑定解绑所关联起来，开启服务即相当于开启我们的悬浮框，解绑服务则相当于关闭关闭的悬浮框，以此来达到更好的控制效果。

a. 首先我们声明一个服务类，取名为FloatVideoWindowService：

public class FloatVideoWindowService extends Service {

    @Nullable
    @Override
    public IBinder onBind(Intent intent) {
        return new MyBinder();
    }

    public class MyBinder extends Binder {
        public FloatVideoWindowService getService() {
            return FloatVideoWindowService.this;
        }
    }

    @Override
    public void onCreate() {
        super.onCreate();
    }

    @Override
    public int onStartCommand(Intent intent, int flags, int startId) {
        return super.onStartCommand(intent, flags, startId);
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
    }
}

b. 为悬浮框建立一个布局文件float_video_window_layout，悬浮框大小我这里固定为长80dp，高120dp，id为small_size_preview的RelativeLayout主要是一个容器，可以动态的添加view到里面去

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/small_size_frame_layout"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@color/colorComBg"
    android:orientation="vertical">

    <com.tencent.rtmp.ui.TXCloudVideoView
        android:id="@+id/float_videoview"
        android:layout_width="80dp"
        android:layout_height="120dp"
        android:descendantFocusability="blocksDescendants"
        android:orientation="vertical" />

</LinearLayout>

c. 布局定义好后，接下来就要对悬浮框做一些初始化操作了，初始化操作这里我们放在服务的onCreate()生命周期里面执行，因为只需要执行一次就行了。这里的初始化主要包括对：悬浮框的基本参数（位置，宽高等），悬浮框的点击事件以及悬浮框的触摸事件（即可拖动范围）等的设置，在onBind()中从Intent中取出了Activity中用户选中最大View的id，以便在后面从 Constents.mVideoViewLayout中取出对应View，然后加入悬浮窗布局中

/**
 * 视频悬浮窗服务
 */
public class FloatVideoWindowService extends Service {
    private WindowManager mWindowManager;
    private WindowManager.LayoutParams wmParams;
    private LayoutInflater inflater;
    private String currentBigUserId;
    //浮动布局view
    private View mFloatingLayout;
    //容器父布局
    private RelativeLayout smallSizePreviewLayout;
    private TXCloudVideoView mLocalVideoView;


    @Override
    public void onCreate() {
        super.onCreate();
        initWindow();//设置悬浮窗基本参数（位置、宽高等）
       
    }

    @Nullable
    @Override
    public IBinder onBind(Intent intent) {
        currentBigUserId = intent.getStringExtra("userId");
        initFloating();//悬浮框点击事件的处理
        return new MyBinder();
    }

    public class MyBinder extends Binder {
        public FloatVideoWindowService getService() {
            return FloatVideoWindowService.this;
        }
    }


    @Override
    public int onStartCommand(Intent intent, int flags, int startId) {
        return super.onStartCommand(intent, flags, startId);
    }

    
    /**
     * 设置悬浮框基本参数（位置、宽高等）
     */
    private void initWindow() {
        mWindowManager = (WindowManager) getApplicationContext().getSystemService(Context.WINDOW_SERVICE);
        //设置好悬浮窗的参数
        wmParams = getParams();
        // 悬浮窗默认显示以左上角为起始坐标
        wmParams.gravity = Gravity.LEFT | Gravity.TOP;
        //悬浮窗的开始位置，因为设置的是从左上角开始，所以屏幕左上角是x=0;y=0
        wmParams.x = 70;
        wmParams.y = 210;
        //得到容器，通过这个inflater来获得悬浮窗控件
        inflater = LayoutInflater.from(getApplicationContext());
        // 获取浮动窗口视图所在布局
        mFloatingLayout = inflater.inflate(R.layout.alert_float_video_layout, null);
        // 添加悬浮窗的视图
        mWindowManager.addView(mFloatingLayout, wmParams);
    }


    private WindowManager.LayoutParams getParams() {
        wmParams = new WindowManager.LayoutParams();
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
            wmParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
        } else {
            wmParams.type = WindowManager.LayoutParams.TYPE_PHONE;
        }
        //设置可以显示在状态栏上
        wmParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE | WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL |
                WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN | WindowManager.LayoutParams.FLAG_LAYOUT_INSET_DECOR |
                WindowManager.LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH;

        //设置悬浮窗口长宽数据
        wmParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
        wmParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
        return wmParams;
    }

    private void initFloating() {
       

    }
}

d. 在悬浮框成功被初始化以及相关参数被设置后，接下来就需要将Activity中用户选中最大的View添加到悬浮框里面去了，这样我们才能看到视频画面嘛，同样我们是在Service的onCreate这个生命周期中initFloating()完成这个操作的，代码如下所示：

TRTCVideoViewLayout mTRTCVideoViewLayout = Constents.mVideoViewLayout;
TXCloudVideoView mLocalVideoView = mTRTCVideoViewLayout.getCloudVideoViewByUseId(currentBigUserId);
if (mLocalVideoView == null) {
   mLocalVideoView = mTRTCVideoViewLayout.getCloudVideoViewByIndex(0);
}
if (ConstData.userid.equals(currentBigUserId)) {
     TXCGLSurfaceView mTXCGLSurfaceView = mLocalVideoView.getGLSurfaceView();
     if (mTXCGLSurfaceView != null && mTXCGLSurfaceView.getParent() != null) {
          ((ViewGroup) mTXCGLSurfaceView.getParent()).removeView(mTXCGLSurfaceView);
         mTXCloudVideoView.addVideoView(mTXCGLSurfaceView);
     }
} else {
     TextureView mTextureView = mLocalVideoView.getVideoView();
     if (mTextureView != null && mTextureView.getParent() != null) {
         ((ViewGroup) mTextureView.getParent()).removeView(mTextureView);
                mTXCloudVideoView.addVideoView(mTextureView);
     }
}

e. 我们上面说到要将服务Service的绑定与解绑与悬浮框的开启和关闭相结合，所以既然我们在服务的onCreate()方法中开启了悬浮框，那么就应该在其onDestroy()方法中对悬浮框进行关闭，关闭悬浮框的本质是将相关View给移除掉，在服务的onDestroy()方法中执行如下代码：

 @Override
    public void onDestroy() {
        super.onDestroy();
        if (mFloatingLayout != null) {
            // 移除悬浮窗口
            mWindowManager.removeView(mFloatingLayout);
            mFloatingLayout = null;
            Constents.isShowFloatWindow = false;
        }
    }

f. 服务的绑定方式有bindService和startService两种，使用不同的绑定方式其生命周期也会不一样，已知我们需要让悬浮框在视频通话activity finish掉的时候也顺便关掉，那么理所当然我们就应该采用bind方式来启动服务，让他的生命周期跟随他的开启者，也即是跟随开启它的activity生命周期。

intent = new Intent(this, FloatVideoWindowService.class);//开启服务显示悬浮框
bindService(intent, mVideoServiceConnection, Context.BIND_AUTO_CREATE);

ServiceConnection mVideoServiceConnection = new ServiceConnection() {

        @Override
        public void onServiceConnected(ComponentName name, IBinder service) {
            // 获取服务的操作对象
            FloatVideoWindowService.MyBinder binder = (FloatVideoWindowService.MyBinder) service;
            binder.getService();
        }

        @Override
        public void onServiceDisconnected(ComponentName name) {
        }
    };

Service完整代码如下：

/**
 * 视频悬浮窗服务
 */
public class FloatVideoWindowService extends Service {
    private WindowManager mWindowManager;
    private WindowManager.LayoutParams wmParams;
    private LayoutInflater inflater;
    private String currentBigUserId;
    //浮动布局view
    private View mFloatingLayout;
    //容器父布局
    private TXCloudVideoView mTXCloudVideoView;


    @Override
    public void onCreate() {
        super.onCreate();
        initWindow();//设置悬浮窗基本参数（位置、宽高等）

    }

    @Nullable
    @Override
    public IBinder onBind(Intent intent) {
        currentBigUserId = intent.getStringExtra("userId");
        initFloating();//悬浮框点击事件的处理
        return new MyBinder();
    }

    public class MyBinder extends Binder {
        public FloatVideoWindowService getService() {
            return FloatVideoWindowService.this;
        }
    }


    @Override
    public int onStartCommand(Intent intent, int flags, int startId) {
        return super.onStartCommand(intent, flags, startId);
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        if (mFloatingLayout != null) {
            // 移除悬浮窗口
            mWindowManager.removeView(mFloatingLayout);
            mFloatingLayout = null;
            Constents.isShowFloatWindow = false;
        }
    }

    /**
     * 设置悬浮框基本参数（位置、宽高等）
     */
    private void initWindow() {
        mWindowManager = (WindowManager) getApplicationContext().getSystemService(Context.WINDOW_SERVICE);
        //设置好悬浮窗的参数
        wmParams = getParams();
        // 悬浮窗默认显示以左上角为起始坐标
        wmParams.gravity = Gravity.LEFT | Gravity.TOP;
        //悬浮窗的开始位置，因为设置的是从左上角开始，所以屏幕左上角是x=0;y=0
        wmParams.x = 70;
        wmParams.y = 210;
        //得到容器，通过这个inflater来获得悬浮窗控件
        inflater = LayoutInflater.from(getApplicationContext());
        // 获取浮动窗口视图所在布局
        mFloatingLayout = inflater.inflate(R.layout.alert_float_video_layout, null);
        // 添加悬浮窗的视图
        mWindowManager.addView(mFloatingLayout, wmParams);
    }


    private WindowManager.LayoutParams getParams() {
        wmParams = new WindowManager.LayoutParams();
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
            wmParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
        } else {
            wmParams.type = WindowManager.LayoutParams.TYPE_PHONE;
        }
        //设置可以显示在状态栏上
        wmParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE | WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL |
                WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN | WindowManager.LayoutParams.FLAG_LAYOUT_INSET_DECOR |
                WindowManager.LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH;

        //设置悬浮窗口长宽数据
        wmParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
        wmParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
        return wmParams;
    }

    private void initFloating() {
        mTXCloudVideoView = mFloatingLayout.findViewById(R.id.float_videoview);
        TRTCVideoViewLayout mTRTCVideoViewLayout = Constents.mVideoViewLayout;
        TXCloudVideoView mLocalVideoView = mTRTCVideoViewLayout.getCloudVideoViewByUseId(currentBigUserId);
        if (mLocalVideoView == null) {
            mLocalVideoView = mTRTCVideoViewLayout.getCloudVideoViewByIndex(0);
        }
        if (ConstData.userid.equals(currentBigUserId)) {
            TXCGLSurfaceView mTXCGLSurfaceView = mLocalVideoView.getGLSurfaceView();
            if (mTXCGLSurfaceView != null && mTXCGLSurfaceView.getParent() != nu
最低0.47元/天 解锁文章
Android微信视频通话画面上下颠倒的解决方案
2301_79331328的博客
08-20 1558
这个问题通常是由于设备摄像头的旋转方向和绘制画面的方向不一致导致的。为了解决这个问题，我们可以使用Android的Camera API和SurfaceView来控制摄像头和绘制画面的方向。上述代码中，我们在MainActivity的onCreate方法中获取了一个Camera实例，并将其与CameraPreview关联起来。通过以上步骤，我们可以解决微信视频通话画面上下颠倒的问题。这是因为CameraPreview类会自动处理摄像头的旋转问题，并将画面正确地绘制在SurfaceView上。
安卓Android中腾讯音视频和直播 API的使用
IT程序员的编程黑洞（鸽子王）抖音同名
06-13 5019
2.添加权限，这里的权限是综合音视频和直播以及短视频的也是 自取 代码如下（示例）： 3.涉及到的各种需要申请的信息 代码如下（示例）： 1：在MyApplication中 2：推流拉流的URL及互动连麦等操作的URL代码如下（示例）： 5.音视频直播间 观众API 代码如下（示例）： 6.直播主播推流及所有相关操作API 代码如下（示例）： 该处使用的url网络请求的数据。代码如下（示例）： 总结 就是这样......
分享一些Android集成融云音视频通话遇到的问题
ITxiaodidi的博客
04-13 2250
最近应公司需要加入音视频聊天的功能，领导也没吱声就跟融云那边把商务谈好了，让我开始做，之前也没接触过这方面的东西，查阅资料发现音视频这块都是比较笼统的大致介绍一下，最后也是坎坷了一番完成了任务，接下来我们看步骤。 标题1：通话用到的SDK 首先融云给我们提供了多种SDK应对不同的方案，我们这里主要使用的是CallKit就是这种带UI的音视频通话，注意这里它指的UI是类似微信有音视频通话时弹出接听的...
android 视频通话窗口切换,仿微信视频通话大小视图切换（SurfaceView实现）
weixin_35517006的博客
05-26 1114
前言前一段时间做了一个即时通讯的项目，在项目中遇到很多坑，有时间一一做个总结，项目消息发送基于XMPP+Tigase，语言视频通话基于PJSIP+FreeSWITCH，项目UI仿微信。做到视频通话时，遇到本地视图与远程视图切换，网上搜了一篇相关的博客：https://blog.csdn.net/xuedaqian123/article/details/77878781，根据大神思路写了这个Demo...
仿微信视频通话大小视图切换（SurfaceView实现）
2401_84121846的博客
04-12 357
本文讲解了我对Android开发现状的一些看法，也许有些人会觉得我的观点不对，但我认为没有绝对的对与错，一切交给时间去证明吧！愿与各位坚守的同胞们互相学习，共同进步！《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！**
Android基于腾讯云实时音视频仿微信视频通话最小化悬浮
08-25
主要为大家详细介绍了Android基于腾讯云实时音视频实现类似微信视频通话最小化悬浮，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android 即时音视频解决方案1——腾讯云
09-25
博客地址 http://blog.csdn.net/sbsujjbcy/article/details/48735039
Android仿微信视屏悬浮窗效果
08-25
主要为大家详细介绍了Android仿微信视屏悬浮窗效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
【新知实验室--音视频通话】腾讯云TRTC-实时音视频---多人会议视频通话SDK基础搭建
m0_61486963的博客
11-30 2310
为实现 视频通话 一般来说是需要掌握许多的技术栈的，并且学习与搭建过程在没有人指导的时候，会很痛苦，所以至今为止，我都没有顺理出来，搭建视频通话的学习路径CSDN 联合 腾讯云–TRTC （实时音视频服务）展开了 “腾讯云音视频-新知实验室-TRTC实时音视频体验计划”从官方的介绍中，我知道了原来现在已经有第三方的音视频服务工具SDK，帮助开发者快速的搭建音视频服务更多SDK使用细节详情，在 ‘音视频热门场景实战训练营’直播回放中可以了解腾讯实时音视频文档。
android 视频通话框架,Android基于腾讯云实时音视频仿微信视频通话最小化悬浮
weixin_34298263的博客
05-27 781
最近项目中有需要语音、视频通话需求，看到这个像环信、融云等SDK都有具体Demo实现，但咋的领导对腾讯情有独钟啊，IM要用腾讯云IM，不妙的是腾讯云IM并不包含有音视频通话都要自己实现，没办法深入了解腾讯云产品后，决定自己基于腾讯云实时音视频做去语音、视频通话功能。在这里把实现过程记录下为以后用到便于查阅，另一方面也给有需要的人提供一个思路，让大家少走弯路，有可能我的实现的方法不是最好，但是这或许...
记一次卡顿优化
Aislli的博客
10-23 595
1.背景 这是一个视频通话的项目，就类似于微信视频通话，但是和微信等其它一些视频通话 app 的逻辑有一些不一样的逻辑，例如微信拨打别人时会直接进入视频页面，根据设备的性能（如果性能不好，可能会慢吞吞的打开摄像头预览）来打开己方画面，这时就算慢一点打开预览，用户也不会关心的，为什么呢？因为还没接通嘛，谁会关心自己的画面有没有出来呢，然后等到对方接听后，再直接显示对方画面，这样就无缝衔接上了，很正常...
android模仿微信浮窗,Android仿微信视屏悬浮窗效果
weixin_33513218的博客
05-29 820
在项目中需要对接入的腾讯云音视频，可以悬浮窗显示，悬浮窗可拖拽，并且在悬浮窗不影响其他的activity的焦点。这个大神的文章Android基于腾讯云实时音视频仿微信视频通话最小化悬浮，他讲的是视频通话时，将远端视频以悬浮窗形式展示，根据他的代码我进行了部分简化1.悬浮窗效果：点击缩小按钮，将当前远端视屏加载进悬浮窗，且悬浮窗可拖拽，不影响其他界面焦点；点击悬浮窗可返回原来的Activity2.实...
一个Android平台下的仿微信视频聊天悬浮窗
qq_34994954的博客
06-04 1478
闲来无事想自己手写一个类似微信视频聊天悬浮窗的效果，由于笔者是第一次写技术类的文章，不足的地方，还请各位多多谅解哈。另外由于篇幅有限，在此只展示关键代码。首先我们定义二个按钮，一个是创建悬浮窗，一个是让悬浮窗消失，如下所示： this.button_open=findViewById(R.id.button_open) this.button_close=findViewById(R.id.button_close) this.button_open.setOnClickListener(this) t
Android 集成腾讯播放器sdk（支持多格式，直播，m3u8等）重点是免费
qq_30548105的博客
09-01 8794
本文章不进行学术交流，仅用来记录一下，以便以后用到的时候快速集成，当然也方便其他小白拿来就用。 集成这种第三方一来方便，重点官方写的是 播放器 SDK 属于免费产品 官网：https://cloud.tencent.com/document/product/881 这里只是进行简单的加载m3u8地址，进行播放监控的demo，并不使用官方提供的UI库，所以不需要导入 superplayerkit 这个module 而我习惯采用老方式的jar+so的方式，所以集成如下 1.导入jar与.so文件...
android集成腾讯云直播推流
cf8833的博客
10-24 1656
想起来了，做的过程中遇到一个问题，license一直返回-5，注册失败，原因找到了， 原因：https://cloud.tencent.com/developer/ask/226553，我的测试机型，恰好是Android9.0 注意测试机的版本，如果是大于O就不行了。license的LICENSE_URL给的是http开头， android O之后默认禁止不安全的http协议，你可以把...
如何使用腾讯云SDK开发视频推流、拉流和直播等应用
jidapenglin28的专栏
09-08 4179
的地方
Android-Binder机制及AIDL使用，已拿offer
最新发布
2401_84132685的博客
04-27 997
感觉现在好多人都在说什么安卓快凉了，工作越来越难找了。又是说什么程序员中年危机啥的，为啥我这年近30的老农根本没有这种感觉，反倒觉得那些贩卖焦虑的都是瞎j8扯谈。当然，职业危机意识确实是要有的，但根本没到那种草木皆兵的地步好吗？Android凉了都是弱者的借口和说辞。虽然 Android 没有前几年火热了，已经过去了会四大组件就能找到高薪职位的时代了。
评论 18
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值