Question

抱歉，我不擅长英语。我意识到一个项目javafx jxbrowser，我还是一个新手，简而言之，在我的项目中，我在执行我的javascript脚本时遇到了问题，它没有运行。我按照他们用jquery（https://jxbrowser.support.teamdev.com/support/solutions/articles/9000013725-working-with-jquery）做的网站上的说明，但没有任何作用我可以说这是访问媒体的问题，因为我的javascript代码允许从浏览器对象访问计算机的媒体。代码适用于chrome，但不适用于jxbrowser。

请查看我的代码，如果可能，请更正它以使其正常工作。谢谢这是我的java fx代码有主文件，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>

app.js

 document.querySelector('#start').addEventListener('click',function(e){
navigator.getUserMedia({
video: true,
audio: true

},function (stream) {

let emitterVideo = document.querySelector('#emitter-video')
emitterVideo.src=window.URL.createObjectURL(stream)
emitterVideo.play()

}, function () {

})

})

Answer 1

您阅读index.html文件的内容并使用browser.loadHTML（）方法加载它。在这种情况下，不会加载.css和.js文件，因为它们包含在相对路径中。您可以使用browser.loadURL（）方法从文件系统加载HTML文件，例如：
```
browser.loadURL("file:///D:/media/html/index.html");
```
JxBrowser基于Chromium引擎，不允许JavaScript通过本地HTML文件访问系统媒体设备。为了允许从本地文件访问系统媒体设备，您需要使用以下Chromium开关禁用Web安全性：
```
BrowserPreferences.setChromiumSwitches("--disable-web-security");
```
请注意，您必须在创建任何浏览器实例之前调用此方法。
您正在尝试使用jQuery功能，但是，您的HTML文件中不包含jQuery。您应该包含jQuery或通过纯JavaScript实现您的逻辑。

此外，我建议您查看Remote Debugging Port功能，该功能允许您使用Chromium DevTools调试加载的网页。

使用jxbrowser javafx访问媒体

1 个答案: