详解如何在Java中实现屏幕共享_开发_开发者

概述

该项目包含两部分: 一是基于 Node.js 的服务器；二是两个独立的 Jajsva 应用程序。

服务器是一个简化的 WebRTC 服务器实现。项目的这一部分包含了用于连接到服务器并启动屏幕共享会话的 javascript 代码。

Java 客户端是两个桌面应用程序。第一个应用程序是一个带有按钮的窗口。点击按钮将启动共享会话。第二个应用程序则会自动接收视频流并显示它。同时还有一个按钮用于停止屏幕共享。

详解如何在Java中实现屏幕共享

WebRTC 服务器

WebRTC 服务器被配置为支持两个客户端之间的交互：一个流媒体发送端（streamer）和一个接收端（receiver）。该服务器提供两个静态页面，分别是 streamer.html 和 receiver.html。

const app = express();

app.use(express.static('public'));

app.get('/streamer', (req, res) => {
   res.sendFile(rootPath + 'public/streamer.html');
});

app.get('/rec编程eiver', (req, res) => {
   res.sendFile(rootPath + 'public/receiver.html');
});

每个 HTML 文件都包含了 JavaScript 代码，这段代码负责连接至服务器并通过 WebRTC 建立屏幕www.devze.com共享。当流媒体发送端开始捕获屏幕时，我们会将其屏幕视图作为视频流接收。为了显示这个视频流，我们会在接收端使用内置的 html5 视频播放器。

详解如何在Java中实现屏幕共享

为了检查一切是否正常，让我们打开两个浏览器窗口亲自查看一下。

详解如何在Java中实现屏幕共享

Java 客户端

接下来，让我们实现 Java 客户端，并将它们与 JavaScript 应用程序集成。我们需要初始化一个空的 Gradle 项目，并使用 JxBrowser Gradle 插件添加 JxBrowser 的依赖项。

plugins {
    …
    id("com.teamdev.jxbrowser") version "1.0.1"
}

jxbrowser {
    version = "{version}"
}

dependencies {
    // 检测当前平台并添加相应的 Chromium 二进制文件。 
    implementation(jxbrowser.currentPlatform)

    // 添加对 Swing 集成的依赖项。
    implementation(jxbrowser.swing)
}

流媒体发送端应用

让我们从一个将要共享其屏幕的应用程序开始。

我们需要代表流媒体发送端连接到服务器。首先，需要创建 Engine 和 Browser 的实例：

Engine engine = Engine.newInstance(HARdwARE_ACCELERATED);
Browser browser = engine.newBrowser();

然后加载所需的 URL：

browser.navigation().loadUrlAndWait("http://localhost:3000/streamer");

一旦 URL 加载完毕，我们便可以访问 streamer.html 中的 JavaScript 代码，以及可以在 Java 中通过按钮点击直接开始屏幕共享：

JButton startSharingButton = new JButton("共享您的屏幕");

startSharingButton.addActionListener(e -> {
  php browser.mainFrame().ifPresent(mainFrame ->    
       mainFrame.executeJavaScript("startScreenSharing()"));
});

默认情况下，当网页想要捕获屏幕上的视频时，Chromium 会弹出一个对话框供用户选择捕获源。不过，借助 JxBrowser API，我们可以直接在代码中指定捕获源，从而省去手动选择的步骤：

browser.set(StartCaptureSessionCallback.class, (params, tell) -> {
    CaptureSources sources = params.sources();
    // 共享整个屏幕。
    CaptureSource screen = sources.screens().get(js0);
    tell.selectSource(screen, AudioCaptureMode.CAPTURE);
});

让我们保存 CaptureSession 的实例，以便稍后可以通过编程方式停止它。

private CaptureSession captureSession;
…
browser.on(CaptureSessionStarted.class, event -> 
    captureSession = event.capture()
);

为此，我们需要一个不同的按钮：

JButton stopSharingButton = new JButton("停止共享");
stopSharingButton.addActionListener(e -> {
   captureSession.stop();
});

接收端应用

在接收端应用中，我们将显示共享的屏幕。

和流媒体发送端应用一样，我们需要连接到 WebRTC 服务器，但这次是作为接收端。因此，我们需要创建 Engine 和 Browser 实例，并导航到接收端的 URL：

Engine engine = Engine.newInstance(HARDWARE_ACCELERATED);
Browser browser = engine.newBrowser();
browser.navigation().loadUrlAndWait("http://localhost:3000/receiver");

为了在 Java 应用程序中显示流媒体发送端的屏幕，让我们创建一个 Swing 的 BrowserView 组件，并将其嵌入到 JFrame 中：

private static void initUI(Browser browser) {
   BrowserView view = BrowserView.newInstance(browser);

   JFrame frame = new JFrame("接收端");
   frame.setDefaultCloseoperation(WindowConstants.EXIT_ON_CLOSE);
   frame.setSize(700, 500);
   frame.add(view, BorderLayout.CENTER);
   frame.setLocationRelativeTo(null);
   frame.setVisible(true);
}

BrowserView 组件将显示加载的网页内容，包括 HTML5 视频播放器，这样我们就可以看到流媒体发送端的屏幕了。

就是这样!

详解如何在Java中实现屏幕共享