Javascript 使用jxbrowser javafx访问媒体

Javascript 使用jxbrowser javafx访问媒体,javascript,javafx,jxbrowser,Javascript,Javafx,Jxbrowser,嗨,对不起,我英语不好。 我实现了一个项目javafxjxbrowser,我仍然是一个新手,简而言之,在我的项目中,我在执行javascript脚本时遇到了一个问题,它没有运行。我按照这个网站上的说明使用jquery(),但没有任何效果 我可以说这是一个访问媒体的问题,因为我的javascript代码允许从浏览器对象访问计算机媒体。 该代码可以在chrome上运行,但不能在jxbrowser上运行 请查看我的代码,如果可能,请更正它以使其正常工作。 非常感谢。 这是我的JavaFX代码 还有主文

嗨,对不起,我英语不好。 我实现了一个项目javafxjxbrowser,我仍然是一个新手,简而言之,在我的项目中,我在执行javascript脚本时遇到了一个问题,它没有运行。我按照这个网站上的说明使用jquery(),但没有任何效果 我可以说这是一个访问媒体的问题,因为我的javascript代码允许从浏览器对象访问计算机媒体。 该代码可以在chrome上运行,但不能在jxbrowser上运行

请查看我的代码,如果可能,请更正它以使其正常工作。 非常感谢。 这是我的JavaFX代码 还有主文件、html代码和脚本javaScript(我没有放.css文件,因为它太长了,不会对代码造成任何问题,因为.html文件在chrome上运行得很好)

Main.java

public class Main extends Application {

@Override
public void start(Stage primaryStage) {
    Browser browser = new Browser();
    BrowserView view = new BrowserView(browser);
    StackPane pane = new StackPane();
    pane.getChildren().add(view);
    Scene scene = new Scene(pane,500,400);
    primaryStage.setScene(scene);
    primaryStage.show();
    browser.addLoadListener(new LoadAdapter() {
@Override
public void onFinishLoadingFrame(FinishLoadingEvent event) {
    if (event.isMainFrame()) {
       event.getBrowser().executeJavaScript("$('button').hide();")        }
}}); 

InputStream urlStream = getClass().getResourceAsStream("/html/index.html");
    String html = null;
 try (BufferedReader urlReader = new BufferedReader(new InputStreamReader (urlStream))) {
     StringBuilder builder = new StringBuilder();
     String row;
     while ((row = urlReader.readLine()) != null) {
         builder.append(row);
     }
     html = builder.toString(); 
 }  catch (IOException e) {
     throw new RuntimeException(e);
 }

 browser.loadHTML(html);  
/**
 * @param args the command line arguments
 */
public static void main(String[] args) {
    launch(args);
} 
}

index.html

    <html>
<head>
<title> boilerplate </title>
<link rel="stylesheet" href="style.css"/>
<style>
body{
  padding-top: 5rem;
}
</style>

</head>
<body>
  <nav class="navbar navbar-fixed-top navbar-dark bg-inverse">
    <a class = "navbar-brand" href="#"> Demo wertc </a>
  </nav>
  <div class = "container">
    <div class = "row">
      <div class="col-sm-6">
        <h2>Reception</h2>
        <video id="receiver-video" width="100%"height="400px"></video>
<p>
<button id="start">start the connection </button>
</p>

      </div>
      <div class="col-sm-6">
        <h2>Envoi</h2>
        <video id="emitter-video" width="100%"height="400px"></video>
      </div>

    </div>
<script src= "app.js"></script>
  </body>
</html>
  • 读取index.html文件的内容并使用browser.loadHTML()方法加载它。在本例中,不会加载.css和.js文件,因为它们包含在相对路径中。您可以使用browser.loadURL()方法从文件系统加载HTML文件,例如:

    browser.loadURL("file:///D:/media/html/index.html");
    
  • JxBrowser基于Chromium引擎,不允许通过JavaScript从本地HTML文件访问系统媒体设备。为了允许从本地文件访问系统媒体设备,您需要使用以下开关禁用web安全性:

    BrowserPreferences.setChromiumSwitches("--disable-web-security");
    
    请注意,在创建任何浏览器实例之前,必须调用此方法

  • 您正在尝试使用jQuery功能,但是HTML文件中不包含jQuery。您应该包括jQuery或通过纯JavaScript实现您的逻辑


  • 另外,我建议您看看允许您使用Chromium DevTools调试加载的网页的功能。

    您好,我的代码现在可以运行了。实际上,有必要将BrowserPreferences.setChromiumSwitches(“-disable web security”);禁用安全性。非常感谢。
    BrowserPreferences.setChromiumSwitches("--disable-web-security");