在一些有人际互动的手机APP中,增加语音视频聊天功能是一个常见的需求。而现在,更进一步,在某些场景下,我们需要能将自己的手机屏幕分享给他人,或者是观看他人的手机屏幕。那么,这些常见的功能是如何实现的了?
我为此专门写了一个安卓版的Demo,并将源码放出来供大家参考,希望对大家有所帮助。
(1)每个登录的用户都可向其他任意在线用户发送视频聊天请求。
(2)当收到来自其他在线用户的视频聊天邀请时,可接受或拒绝对方的请求。
(3)当接受其他在线用户的视频聊天邀请时,就启动视频聊天。
(1)每个登录的用户都可向其他任意在线用户发送屏幕分享请求;当对方未响应时,可主动取消屏幕分享请求。
(2)当收到来自其他在线用户请求屏幕分享时,可接受或拒绝对方的请求。
(3)当发送方收到其他在线用户同意屏幕分享时,即可观看其屏幕
(4)被控端和主控端都可主动断开屏幕分享。
Android Studio 4.0
JAVA
Netty 、OMCS
类似视频聊天或屏幕分享这样的功能,一般是C/S架构的。在这种应用中,服务端相对简单,其主要是在客户端之间转发消息。本Demo提供了一个非常简易的C#服务端(开发环境:VS 2022),直接运行起来即可。下面我们将主要介绍安卓端的实现。
大家可以从文末下载安卓端的源码,在阅读本文时对照源码,就会更清楚些。
首先,我们先要确定客户端之间相互通信的消息类型。
public class InformationTypes {
///
/// 视频请求 0
///
public static final int VideoRequest = 0;
///
/// 回复视频请求的结果 1
///
public static final int VideoResult = 1;
///
/// 通知对方 挂断 视频连接 2
///
public static final int CloseVideo = 2;
///
/// 通知好友 网络原因,导致 视频中断 3
///
public static final int NetReasonCloseVideo = 3;
///
/// 通知对方(忙线中) 挂断 视频连接 4
///
public static final int BusyLine = 4;
///
/// 屏幕分享请求 5
///
public static final int DesktopRequest = 5;
///
/// 回复屏幕分享请求的结果 6
///
public static final int DesktopResult = 6;
///
/// 主动取消屏幕分享请求
///
public static final int CancelDesktop = 7;
///
/// 对方(主人端)主动断开屏幕分享
///
public static final int OwnerCloseDesktop = 8;
///
/// 客人端断开屏幕分享
///
public static final int GuestCloseDesktop = 9;
}
这里我们定义了为了实现第一部分“功能介绍”中的功能,所需要用到的消息类型。
在安卓上进行视频聊天和屏幕分享,APP需要向安卓系统申请3个权限:麦克风、摄像头、屏幕录制。
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();
}
}
注:若禁止了这两个权限,后续就无法进行正常的视频聊天了!
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);
}
当收到其他在线用户的屏幕分享请求并回复同意时,将弹窗获取屏幕权限:
注:若禁止该权限,后续对方就无法看到分享者的屏幕了。
当发起视频聊天时,将显示视频聊天窗口,并打开手机摄像头预览画面,然后向对方发送视频通话请求:
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("正在等待对方接受邀请");
}
}
当收到对方的视频聊天邀请时,将进入视频预览页面,显示视频邀请。
当点击“接听”或“挂断”按钮时,就会发送视频聊天回复消息:
//接听
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();
}
}
});
当对方回复同意时,自己和对方将相互连接到对方的麦克风和摄像头。
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();
}
}
当摄像头和麦克风都连接成功后,就可以正常视频聊天了。
屏幕分享功能的业务逻辑与视频聊天功能的业务逻辑是相似的,这里就不再赘述了,大家可以自行参看源码。
关于Demo的源码介绍就这么多了,接下来我们看如何将Demo运行起来。
解压 VideoChatMini.rar 后,进入解压目录,依次进入 VideoChatMini.Server -> bin -> debug 。
双击 Oraycn.Demos.VideoChatMini.Server.exe ,即可启动视频聊天服务端。服务端运行界面如下所示:
解压安卓端源码压缩包 VideoChatMini.Android.rar,解压后,使用 Android Studio 打开并编译,将生成的apk发送到手机安装。
我们可以用两部手机,启动并登录两个安卓客户端,登录的账号密码可以随便填。安卓端登录成功后,出现如下界面:
我们在 “对方ID” 输入框中填上对方的登录账号,就可以发起视频聊天邀请了。对应的界面截图在前面已经贴出来了。
对方同意视频邀请后,两个人就开启视频聊天了,运行效果如下所示:
Android 端:VideoChatMini.Android.rar
服务端 + PC 端:VideoChatMini.rar
在这里,我也给出了PC端的源码,PC端项目对应的目录是 VideoChatMini.ClientWPF。服务端和PC端都是 C# 开发的(开发环境是 VS2022),PC端UI使用的是WPF。
PC端和安卓端是可以互通的,也就是可以相互视频通话,以及观看屏幕/桌面。
希望这篇文章会对你有所帮助,谢谢。