如何实现安卓屏幕分享及视频聊天？（源码）

r囧r小猫 2024-03-23 17:29 70阅读 0赞

在一些有人际互动的手机APP中，增加语音视频聊天功能是一个常见的需求。而现在，更进一步，在某些场景下，我们需要能将自己的手机屏幕分享给他人，或者是观看他人的手机屏幕。那么，这些常见的功能是如何实现的了？  
我为此专门写了一个安卓版的Demo，并将源码放出来供大家参考，希望对大家有所帮助。

## 一．**功能介绍** ##

### 1. 视频聊天 ###

（1）每个登录的用户都可向其他任意在线用户发送视频聊天请求。

（2）当收到来自其他在线用户的视频聊天邀请时，可接受或拒绝对方的请求。

（3）当接受其他在线用户的视频聊天邀请时，就启动视频聊天。

### 2.屏幕分享 ###

（1）每个登录的用户都可向其他任意在线用户发送屏幕分享请求；当对方未响应时，可主动取消屏幕分享请求。

（2）当收到来自其他在线用户请求屏幕分享时，可接受或拒绝对方的请求。

（3）当发送方收到其他在线用户同意屏幕分享时，即可观看其屏幕

（4）被控端和主控端都可主动断开屏幕分享。

## 二．**开发环境** ##

### 1.开发工具： ###

Android Studio 4.0

### 2.开发语言： ###

JAVA

### 3.主要框架： ###

Netty 、OMCS

## 三．**具体实现** ##

类似视频聊天或屏幕分享这样的功能，一般是C/S架构的。在这种应用中，服务端相对简单，其主要是在客户端之间转发消息。本Demo提供了一个非常简易的C\#服务端（开发环境：VS 2022），直接运行起来即可。下面我们将主要介绍安卓端的实现。  
大家可以从文末下载安卓端的源码，在阅读本文时对照源码，就会更清楚些。  
首先，我们先要确定客户端之间相互通信的消息类型。

### 1.自定义消息类型 InformationTypes ###

public class InformationTypes {
     
        /// <summary>
        /// 视频请求 0
        /// </summary>
        public static final int VideoRequest = 0;
    
        /// <summary>
        /// 回复视频请求的结果 1
        /// </summary>
        public static final int VideoResult = 1;
    
        /// <summary>
        /// 通知对方 挂断 视频连接 2
        /// </summary>
        public static final int CloseVideo = 2;
    
        /// <summary>
        /// 通知好友 网络原因，导致 视频中断 3
        /// </summary>
        public static final int NetReasonCloseVideo = 3;
    
        /// <summary>
        /// 通知对方(忙线中) 挂断 视频连接 4
        /// </summary>
        public static final int BusyLine = 4;
    
        /// <summary>
        /// 屏幕分享请求 5
        /// </summary>
        public static final int DesktopRequest = 5;
    
        /// <summary>
        /// 回复屏幕分享请求的结果 6
        /// </summary>
        public static final int DesktopResult = 6;
    
        /// <summary>
        ///  主动取消屏幕分享请求
        /// </summary>
        public static final int CancelDesktop = 7;
    
        /// <summary>
        ///  对方（主人端）主动断开屏幕分享
        /// </summary>
        public static final int OwnerCloseDesktop = 8;
    
        /// <summary>
        /// 客人端断开屏幕分享
        /// </summary>
        public static final int GuestCloseDesktop = 9;
    }

这里我们定义了为了实现第一部分“**功能介绍**”中的功能，所需要用到的消息类型。

### 2. 获取安卓系统权限 ###

在安卓上进行视频聊天和屏幕分享，APP需要向安卓系统申请3个权限：麦克风、摄像头、屏幕录制。

#### （1）获取相机、麦克风、存储权限 ####

private void getPermission() {
            List<PermissionItem> permissionItems = new ArrayList<PermissionItem>();
            permissionItems.add(new PermissionItem(Manifest.permission.CAMERA, "相机", R.drawable.permission_ic_camera));
            permissionItems.add(new PermissionItem(Manifest.permission.RECORD_AUDIO, "麦克风", R.drawable.permission_ic_micro_phone));
            permissionItems.add(new PermissionItem(Manifest.permission.WRITE_EXTERNAL_STORAGE, "存储", R.drawable.permission_ic_storage));
            permissionItems.add(new PermissionItem(Manifest.permission.READ_EXTERNAL_STORAGE, "", 0));
            try {
                HiPermission.create(LoginActivity.this)
                        .title("欢迎访问" + getString(R.string.app_name))
                        .permissions(permissionItems)
                        .checkMutiPermission(new PermissionCallback() {
    
                            String TAG = getString(R.string.app_name);
    
                            @Override
                            public void onClose() {
                                Log.i(TAG, "onClose");
                            }
    
                            @Override
                            public void onFinish() {
                                Log.i(TAG, "onFinish");
                            }
    
                            @Override
                            public void onDeny(String permission, int position) {
                                Log.i(TAG, "onDeny- permission：" + permission + "   position:" + position);
                            }
    
                            @Override
                            public void onGuarantee(String permission, int position) {
                                Log.i(TAG, "onGuarantee");
                            }
                        });
            } catch (Exception ex) {
                ex.printStackTrace();
            }
    
        }

当安卓手机首次进入该Demo时， 将弹窗提示获取设备权限：

![d584835f956595f051a8ba41044772f8.png][]

注：若禁止了这两个权限，后续就无法进行正常的视频聊天了！

#### （2）屏幕录制权限 ####

MultimediaManagerFactory.GetSingleton().setDesktopRecordActivity(MainActivity.this);
    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    　　super.onActivityResult(requestCode, resultCode, data);
    　　MultimediaManagerFactory.GetSingleton().setDesktopRecordActivityResult(requestCode,resultCode,data);
    }

当收到其他在线用户的屏幕分享请求并回复同意时，将弹窗获取屏幕权限：

![98c1bf128e0dc8725463d2025e2576b7.png][]

注：若禁止该权限，后续对方就无法看到分享者的屏幕了。

### 3. 发送视频聊天请求 ###

当发起视频聊天时，将显示视频聊天窗口，并打开手机摄像头预览画面，然后向对方发送视频通话请求：

CameraSurfaceView2 myView = null;
    MultimediaManagerFactory.GetSingleton().getAudioMessageController().dispose();
    AndroidUtil.OpenSpeaker(this);
    try {
    　　MultimediaManagerFactory.GetSingleton().openCamera();
    } catch (Exception e) {
    　　e.printStackTrace();
    }
    this.tv_nick = (TextView) findViewById(R.id.tv_nick);
    myView = (CameraSurfaceView2) findViewById(R.id.local_surface);
    myView.setSurfaceEventLister(new CameraSurfaceView2.SurfaceEventLister() {
    　　@Override
    　　public void surfaceCreated(SurfaceHolder surfaceHolder) {
    　　　　setShowPreviewHolder(surfaceHolder);
    　　}
    });
    myView.setZOrderOnTop(true);
    MultimediaManagerFactory.GetSingleton().setCameraDeviceIndex(1);//设置为前置摄像头
    //设置摄像头打开成功回调函数
    MultimediaManagerFactory.GetSingleton().setCameraOpenCallBack(this);
    if (StringHelper.isNullOrEmpty(userId)) {
    　　isSender = true;
    　　//我向对方发起视频
    　　userId = getIntent().getStringExtra(TalkingID);
    　　if (StringHelper.isNullOrEmpty(userId)) {
    　　　　tv_nick.setText("未知requestID");
    　　} else {
    　　　　ll_to_callLayout.setVisibility(View.VISIBLE);
    　　　　coming_callLayout.setVisibility(View.GONE);
    　　　　hangup.setVisibility(View.VISIBLE);
    　　　　MainActivity.getInstance().sendMediaCommunicate(userId, CommunicateType.Request);
    　　　　tv_tips.setText("正在等待对方接受邀请");
    　　}
    }

运行起来的UI截图如下所示：

![c3f038a540e4f5c609a259380f3c583f.png][]

### 4. 回复对方视频请求 ###

当收到对方的视频聊天邀请时，将进入视频预览页面，显示视频邀请。

当点击“接听”或“挂断”按钮时，就会发送视频聊天回复消息：

//接听
    answer.setOnClickListener(new View.OnClickListener() {
    　　@Override
    　　public void onClick(View v) {
    　　　　try {
    　　　　　　　　MainActivity.getInstance().stopRingForCalling();
    　　　　　　　　coming_callLayout.setVisibility(View.GONE);
    　　　　　　　　ll_to_callLayout.setVisibility(View.VISIBLE);
    　　　　　　　　openConnector();
    　　　　　　　　MainActivity.getInstance().sendMediaCommunicate(userId, CommunicateType.Agree);
    　　　　　　} catch (Exception ex) {
    　　　　　　　　 ex.printStackTrace();
    　　　　　　}
    　　　　}
    });
    //拒绝
    refuse.setOnClickListener(new View.OnClickListener() {
    　　@Override
    　　public void onClick(View v) {
    　　try {
    　　　　　　MainActivity.getInstance().sendMediaCommunicate(userId, CommunicateType.Reject);
    　　　　　　MainActivity.getInstance().stopRingForCalling();
    　　　　　　finish();
    　　　　} catch (Exception ex) {
    　　　　　　ex.printStackTrace();
    　　　　}
    　　}
    });

### 5. 相互连接对方的摄像头、麦克风 ###

当对方回复同意时，自己和对方将相互连接到对方的麦克风和摄像头。

private void openConnector() {
    　　try {
    　　　　if (thread2 != null) {
    　　　　　　thread2.interrupt();
    　　　　}
    　　　　hangup.setVisibility(View.VISIBLE);
    　　　　switch_camera_layout.setVisibility(View.VISIBLE);
    　　　　ll_top_container.setVisibility(View.INVISIBLE);
    
    　　　　thread2 = new Thread(new Runnable() {
    　　　　　　Override
    　　　　　　public void run() {
    　　　　　　　　//在这里关闭不能重新连接
    　　　　　　　　cameraConnector = new CameraConnector();
    　　　　　　　　cameraConnector.setOtherVideoPlayerSurfaceView(otherView);
    　　　　　　　　cameraConnector.setConnectorEventListener(new IConnectorEventListener() {
    　　　　　　　　　　@Override
    　　　　　　　　　　public void connectEnded(ConnectResult connectResult) {
    　　　　　　　　　　　　final String connectFailStr = MainActivity.getConnectFailStr(connectResult);
    　　　　　　　　　　　　if (!StringHelper.isNullOrEmpty(connectFailStr)) {
    　　　　　　　　　　　　　　mHandler.post(new Runnable() {
    　　　　　　　　　　　　　　　　@Override
    　　　　　　　　　　　　　　　　public void run() {
    　　　　　　　　　　　　　　　　　　tv_camera_failure_cause.setText("摄像头：" + connectFailStr);
    　　　　　　　　　　　　　　　　}
    　　　　　　　　　　　　　　});
    　　　　　　　　　　　　}
    　　　　　　　　　　　　boolean isMobilePhone = cameraConnector.getOwnerMachineType() == MachineType.Android || cameraConnector.getOwnerMachineType() == MachineType.IOS;
    　　　　　　　　　　　　cameraConnector.setVideoUniformScale(true, isMobilePhone); //false 表示小的那边留黑边，true表示裁剪大的那一边
    　　　　　　　　　　}
    　　　　　　　　　　@Override
    　　　　　　　　　　public void disconnected(ConnectorDisconnectedType connectorDisconnectedType) {
    
    　　　　　　　　　　}
    　　　　　　　　});
    
    　　　　　　　　cameraConnector.beginConnect(loginID);
    　　　　　　　　microphoneConnector = new MicrophoneConnector();
    　　　　　　　　microphoneConnector.setConnectorEventListener(new IConnectorEventListener() {
    　　　　　　　　　　@Override
    　　　　　　　　　　public void connectEnded(final ConnectResult connectResult) {
    　　　　　　　　　　　　mHandler.post(new Runnable() {
    　　　　　　　　　　　　　　@Override
    　　　　　　　　　　　　　　public void run() {
    　　　　　　　　　　　　　　　　if (connectResult == ConnectResult.Succeed) {
    　　　　　　　　　　　　　　　　　　startTimer(SystemClock.elapsedRealtime());
    　　　　　　　　　　　　　　　　} else {
    　　　　　　　　　　　　　　　　　　String connectFailStr = MainActivity.getConnectFailStr(connectResult);
    　　　　　　　　　　　　　　　　　　tv_mic_failure_cause.setText("麦克风：" + connectFailStr);
    　　　　　　　　　　　　　　　　}
    　　　　　　　　　　　　　　}
    　　　　　　　　　　　　});
    　　　　　　　　　　}
    
    　　　　　　　　　　@Override
    　　　　　　　　　　public void disconnected(ConnectorDisconnectedType connectorDisconnectedType) {
    
    　　　　　　　　　　}
    　　　　　　　　});
    　　　　　　　　microphoneConnector.beginConnect(loginID);
    　　　　　　}
    　　　　});
    　　　　thread2.start();
    　　} catch (Exception ex) {
    　　　　ex.printStackTrace();
    　　}
    }

当摄像头和麦克风都连接成功后，就可以正常视频聊天了。

### 6. 屏幕分享功能实现 ###

屏幕分享功能的业务逻辑与视频聊天功能的业务逻辑是相似的，这里就不再赘述了，大家可以自行参看源码。

## 四．**部署运行** ##

关于Demo的源码介绍就这么多了，接下来我们看如何将Demo运行起来。

### 1. 启动服务端 ###

解压 VideoChatMini.rar 后，进入解压目录，依次进入 VideoChatMini.Server -> bin -> debug 。  
双击 Oraycn.Demos.VideoChatMini.Server.exe ，即可启动视频聊天服务端。服务端运行界面如下所示：

![096e8fdc08ba3f524debc4c2450da8b9.jpeg][]

### 2. 运行安卓端 ###

解压安卓端源码压缩包 VideoChatMini.Android.rar，解压后，使用 Android Studio 打开并编译，将生成的apk发送到手机安装。

我们可以用两部手机，启动并登录两个安卓客户端，登录的账号密码可以随便填。安卓端登录成功后，出现如下界面：

![4319f2be4076fe5fb16b075c8c65b5ba.png][]

我们在 “对方ID” 输入框中填上对方的登录账号，就可以发起视频聊天邀请了。对应的界面截图在前面已经贴出来了。  
对方同意视频邀请后，两个人就开启视频聊天了，运行效果如下所示：

![15242f5f07751345c00f3b8fcbdc3941.png][]

## 五．**源码下载** ##

Android 端：**[VideoChatMini.Android.rar][]**

服务端 + PC 端：**[VideoChatMini.rar][]**

在这里，我也给出了PC端的源码，PC端项目对应的目录是 VideoChatMini.ClientWPF。服务端和PC端都是 C\# 开发的（开发环境是 VS2022），PC端UI使用的是WPF。

PC端和安卓端是可以互通的，也就是可以相互视频通话，以及观看屏幕/桌面。

希望这篇文章会对你有所帮助，谢谢。

[d584835f956595f051a8ba41044772f8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/6b6b1b574de74a1c880056f7e9ff3f87.png
[98c1bf128e0dc8725463d2025e2576b7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/b16a734056024d7cacbc87bb32466b5a.png
[c3f038a540e4f5c609a259380f3c583f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/deda60058b5340ad81fcf0438bf8b82d.png
[096e8fdc08ba3f524debc4c2450da8b9.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/92b5e8d3f07043ddabb0f485b466ca63.png
[4319f2be4076fe5fb16b075c8c65b5ba.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/025fcfd7840140209a11757906b6b203.png
[15242f5f07751345c00f3b8fcbdc3941.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/5b1e9b1ffe9147cea067a720f0ed92da.png
[VideoChatMini.Android.rar]: http://www.oraycn.com/DownLoadFiles/OMCS/VideoChatMini.Android.rar
[VideoChatMini.rar]: http://www.oraycn.com/DownLoadFiles/OMCS/VideoChatMini.rar