Android手把手编写儿童手机远程监控App之WebRtc切换摄像头与桌面共享

概述

上节完成嘟宝webrtc通信,实现嘟宝与嘟妈音视频通信。

  • 嘟妈扫描二维码绑定嘟宝
  • 嘟妈点击呼叫,与嘟宝建立webrtc通信
  • 嘟宝将摄像头、麦克风多媒体视频流发送嘟妈

切换前后摄像头

嘟妈端下发信令指令,可远程切换嘟宝设备摄像头,全程视频流不断开,实现画面无缝切换。

  • 获取相机采集工具
  • 获取相机视频流
clike 复制代码
   private VideoCapturer createCameraCapturer(boolean isFront) {
        Camera2Enumerator enumerator = new Camera2Enumerator(context.getApplicationContext());
        final String[] deviceNames = enumerator.getDeviceNames();
        for (String deviceName : deviceNames) {
            if (isFront ? enumerator.isFrontFacing(deviceName) : enumerator.isBackFacing(deviceName)) {
                VideoCapturer videoCapturer = enumerator.createCapturer(deviceName, null);
                mCamCapture = (CameraVideoCapturer) videoCapturer;
                if (videoCapturer != null) {
                    return videoCapturer;
                }
            }
        }
        return null;
    }

该函数枚举手机上摄像头,根据参数返回前置相机还是后置相机的采集工具。

clike 复制代码
    private VideoTrack getVideoTrack(){
        surfaceTextureHelper = SurfaceTextureHelper.create("CaptureThread", eglBase.getEglBaseContext());
        VideoCapturer videoCapturer = createCameraCapturer(true);
        VideoSource videoSource = factory.createVideoSource(videoCapturer.isScreencast());
        videoCapturer.initialize(surfaceTextureHelper, context.getApplicationContext(), videoSource.getCapturerObserver());
        videoCapturer.startCapture(480, 640, 30);
        VideoTrack videoTrack=   factory.createVideoTrack("100", videoSource);
        videoTrack.enabled();
        return videoTrack;
    }

该函数调用createCameraCapturer函数,选择前置摄像头,捕获摄像头的视频流videoTrack。 在createCameraCapturer函数中,mCamCapture = (CameraVideoCapturer) videoCapturer;通过强制类型转换,得到mCamCapture 变量,通过它切换相机

clike 复制代码
   public void changeCam(){
        if (mCamCapture != null) {
            mCamCapture.switchCamera(null);
        }

    }

屏幕共享

嘟妈通过信令,查看嘟宝屏幕。获取桌面屏幕,需要用户同意的,在嘟宝运行之初,允许获取屏幕。

  • 在后台服务中允许访问屏幕共享
  • 在MainActivity中申请屏幕共享
  • 用户同意,获取Intent变量,用于捕获桌面视频流 在AndroidManifest.xml设置后台服务
clike 复制代码
<service
   android:name=".MyService"
     android:enabled="true"
     android:exported="true"
     android:foregroundServiceType="mediaProjection" />

mediaProjection运行后台捕获桌面共享

clike 复制代码
 public void startprojectionManager(){
        @SuppressLint({"NewApi", "LocalSuppress"}) MediaProjectionManager projectionManager = (MediaProjectionManager)getSystemService(MEDIA_PROJECTION_SERVICE);
        @SuppressLint({"NewApi", "LocalSuppress"}) Intent intent = projectionManager.createScreenCaptureIntent();
        ActivityResultLauncher<Intent> screenCaptureLauncher;
        screenCaptureLauncher=registerForActivityResult(new ActivityResultContracts.StartActivityForResult(), result -> {
            if (result.getResultCode() == RESULT_OK) {
                Intent data = result.getData();
                MyWebRtc.i=data;
            }
            else {
            }
        });
        screenCaptureLauncher.launch(intent);


    }

申请桌面共享,Intent data = result.getData();data是要获取屏幕共享变量,将值赋予MyWebRtc.i=data;

clike 复制代码
public void getScreenVideo() {
        surfaceTextureHelperscreen = SurfaceTextureHelper.create("CaptureThread1", eglBase.getEglBaseContext());

        VideoCapturer screenCapturer=new ScreenCapturerAndroid(i, new MediaProjection.Callback() {
            @Override
            public void onStop() {
                super.onStop();
            }
        }); // eglBaseContext 是你之前初始化的 EGL 上下文
        VideoSource screenVideoSource = factory.createVideoSource(screenCapturer.isScreencast());
        VideoTrack screenVideoTrack = factory.createVideoTrack("102", screenVideoSource);

        // 2. 初始化并启动 ScreenCapturer
        // 注意:需要提前准备好 SurfaceTextureHelper
        screenCapturer.initialize(surfaceTextureHelperscreen, context.getApplicationContext(), screenVideoSource.getCapturerObserver());
        screenCapturer.startCapture(/* width */ 640, /* height */ 480, /* fps */ 25);

        // 3. 执行替换的关键操作
//        localVideoSender.track().setEnabled(false);
        localVideoSender.setTrack(screenVideoTrack, /* takeOwnership= */ true);
    }

获取桌面共享的视频流。

运行视频查看效果

相关推荐
you45801 天前
学成在线--day02 CMS前端开发(含Vue基础知识得回顾)
前端·javascript·vue.js
xiaofeichaichai1 天前
虚拟 DOM
前端·javascript·vue.js
初一初十1 天前
vue3实现的纯前端护肤品商城网站
前端·javascript·vue.js·前端框架
初一初十1 天前
vue3茶叶商城网站vue网页vuejs前端
前端·javascript·vue.js·vscode·前端框架
小亮学前端1 天前
在1Panel中部署Nuxt项目
前端·vue.js
用户841794814561 天前
vxe-table 虚拟滚动下自定义行高:支持每行独立高度与自适应
vue.js
如果超人不会飞1 天前
TinyVue 组件库实战指南:从安装到上手一篇就够了
vue.js
开飞机的舒克_1 天前
vue3+router动态权限路由
前端·vue.js
dy17171 天前
二维码打印
前端·javascript·vue.js
智商不够_熬夜来凑1 天前
【Radio & Checkbox】
前端·javascript·vue.js