了解如何使用 Java、 Node.js 和 JxBrowser 构建屏幕共享应用程序。

每天分享最新软件开发，Devops，敏捷，测试以及项目管理最新，最热门的文章，每天花3分钟学习何乐而不为，希望大家点赞，加关注，你的支持是我最大的动力。

远程屏幕共享用于各种应用程序和服务，从网络会议到远程访问应用程序。后台员工可以使用它来咨询一线同事，或者技术支持专家可以使用它来确切地看到他们的客户看到了什么。

您可以使用第三方应用程序，比如 TeamViewer。但是，如果您需要在 Java 应用程序中具有远程访问功能，该怎么办呢？在这种情况下，你可能想走另一个方向。

在本文中，我将展示一种使用 JxBrowser 功能实现运行在不同 PC 上的两个 Java 应用程序之间屏幕共享的方法。

JxBrowser 是一个跨平台的 Java 库，它允许您将基于 Chromium 的 Web 浏览器控件集成到您的 Java Swing、 JavaFX、 SWT 应用程序中，并使用数百个 Chromium 特性。

为了在 Java 中实现屏幕共享，我将利用 Chromium 支持开箱即用的屏幕共享这一事实，并且 JxBrowser 提供了对它的编程访问。

概述

该项目由两部分组成: Node.js 上的服务器和两个 Java 应用程序。

服务器是 WebRT 服务器的简单实现。该项目的这一部分包含用于连接到服务器并启动屏幕共享会话的 JavaScript 代码。

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

WebRTC 服务器

WebRTC 服务器配置为两个客户机之间的交互: 一个流媒体和一个接收器。它提供两个静态页面，分别是 Streer.html 和 Receiber.html。

JavaScript

const app = express();

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

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

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

每个 HTML 文件包含连接到服务器并通过 WebRTC 设置屏幕共享的 JavaScript 代码。当一个流开始捕获，我们收到它的屏幕视图作为一个视频流。为了展示它，我们在接收端使用内置的 HTML5视频播放器。

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

该项目的源代码可以在 GitHub 上获得。

Java 客户端

让我们实现 Java 客户机并将它们与 JavaScript 应用程序集成。我们需要初始化一个空的 Gradle 项目，并使用 JxBrowserGradlePlug-in 添加 JxBrowser 依赖项。

Kotlin

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

jxbrowser {
   version = "7.24"
}

dependencies {
   // Detects the current platform and adds the corresponding Chromium binaries. 
   implementation(jxbrowser.currentPlatform())

   // Adds a dependency to Swing integration.
   implementation(jxbrowser.swing())
}

流媒体应用

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

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

Java

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

并加载所需的 URL:

Java

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

一旦加载了 URL，我们就可以访问 Streer.html 中的 JavaScript 代码，然后我们就可以直接从 Java 开始屏幕共享了，点击按钮:

Java

JButton startSharingButton = new JButton("Share your screen");
startSharingButton.addActionListener(e -> {
  browser.mainFrame().ifPresent(mainFrame ->    
                                mainFrame.executeJavaScript("startScreenSharing()"));
});

默认情况下，当一个网页想要从屏幕上捕捉视频时，Chromium 会显示一个对话框，我们可以在其中选择捕捉源。使用 JxBrowser API，我们可以在代码中选择捕获源:

Java

browser.set(StartCaptureSessionCallback.class, (params, tell) -> {
    CaptureSources sources = params.sources();
    // Share the entire screen.
    CaptureSource screen = sources.screens().get(0);
    tell.selectSource(screen, AudioCaptureMode.CAPTURE);
});

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

Java

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

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

Java

JButton stopSharingButton = new JButton("Stop sharing");
stopSharingButton.addActionListener(e -> {
   captureSession.stop();
});

接收器应用程序

在接收方应用程序中，我们将显示共享屏幕。

像在流媒体应用程序中一样，我们需要连接到 WebRTC 服务器，但这次是作为接收器。因此，创建 Engine 和 Browser 实例，并导航到接收方的 URL:

Java

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

要在 Java 应用程序中显示流媒体的屏幕，让我们创建 Swing BrowserView 组件并将其嵌入到 JFrame 中:

Java

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

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

BrowserView 组件将用 HTML5视频播放器显示加载的网页的内容，我们将能够看到流媒体的屏幕。

就是这样！

Apache License 2.0提供了代码示例，可在 GitHub 上获得。您可以通过在不同的终端上运行以下命令来启动 WebRTC 服务器和 Java 应用程序:

Shell

cd server && node server.js
cd clients && ./gradlew runStreamer
cd clients && ./gradlew runReceiver

结论

在本文中，我向您展示了如何在一个 Java 应用程序中共享屏幕，并使用 JxBrowser 在另一个应用程序中显示屏幕。

我已经创建了一个可以共享屏幕的简单 JavaScript 应用程序。然后，我使用 JxBrowser 将它集成到两个 Swing 应用程序中。

使用 JxBrowser 提供的捕获 API，我很快就丰富了一个具有屏幕共享功能的标准 Java 应用程序。