Привет, извините, я плохо разбираюсь в английском.
Я реализую проект javafx jxbrowser, и я все еще новичок, короче говоря, во время моего проекта у меня была проблема с выполнением моего сценария javascript, он не запускается. Я следовал инструкциям на этом сайте, где они сделали с jquery (https://jxbrowser.support.teamdev.com/support/solutions/articles/9000013725-working-with-jquery),, но ничего не работает
Я могу сказать, что это проблема доступа к мультимедиа, потому что мой код javascript разрешает доступ к медиафайлам компьютера из объекта браузера.
код работает на chrome, но не на jxbrowser.
пожалуйста, посмотрите на мой код и, если возможно, исправьте его, чтобы он работал.
благодарю вас
вот мой код 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 () {
})
})