Provide JavaFX node for JCEF

[magreenblatt]

Original report by sebastian klaar (Bitbucket: sebastian klaar).

---

I'd like to use JCEF with JavaFX. It seems not possible to do this via a SwingNode.
The only option I see is to provide a JavaFX node instead of AWT.

JavaFX-WebView is not an option, since there is no WebGL support...

[magreenblatt]

Original comment by Patrick Sweeney (Bitbucket: Klobersaurus).

---

I have been wanting this for months. The JavaFX WebView is not cutting it from a Javascript performance standpoint. I also tried with the SwingNode but JCEF would not render, at all. SwingNode has a disclaimer saying that it cannot render anything too complicated.

[magreenblatt]

Original comment by Anand Tiwari (Bitbucket: anandktiwari26, GitHub: anandktiwari26).

---

Hello Sebastian Klaar,
Try it.

CefApp cefApp_ = CefApp.getInstance();
CefClient client_ = cefApp_.createClient();
CefBrowser browser_ = client_.createBrowser("https://www.google.com", OS.isLinux(), false);
Component browerUI_ = browser_.getUIComponent();
JPanel panel = new JPanel();
panel.add(browerUI_);
SwingNode swingNode = new SwingNode();
swingNode.setContent(panel);

[magreenblatt]

Original comment by Patrick Sweeney (Bitbucket: Klobersaurus).

---

Anand Tiwari, I just tried this and had no luck. Did you actually manage to get this to work? I'm developing against JDK8u40 64-bit on Windows 7.

[magreenblatt]

Here's some information on JOGL's attempts to integrate with JavaFX: https://jogamp.org/bugzilla/show_bug.cgi?id=607. Sounds like using JOGL + JavaFX on Windows at least is not currently possible, so we would be looking at developing an alternative JavaFX-based off-screen rendering implementation to completely replace the JOGL usage. I'm not sure what would be required to support windowed JCEF with JavaFX or if that even makes sense given JavaFX's intended usage.

[magreenblatt]

Original comment by Roberto Neto (Bitbucket: BetoN, GitHub: BetoN).

---

Any news for this issue?

[magreenblatt]

Original comment by Aaron Ong (Bitbucket: Aaron Ong).

---

Hi. I needed to embed CEF into our pre-existing JavaFX UI as well, so I did a little experimenting. What worked for me was going into the CefBrowserOsr.java file, and changing the type of canvas_ from GLCanvas to GLJPanel, which is a lightweight component that's compatible with JavaFX's SwingNode. The two classes seem to be mostly equivalent, so you don't have to change any method calls to canvas_.

The only caveat with this approach is that you must use OSR mode for this to work, but I'll take anything I can get at this point. I also haven't checked if there are any side effects, but I've tested it a bit so far and it seems to be enough for our use case.

Edit: The only issue I've seen so far is that backspace, tab, and certain other keys don't work when embedded in a SwingNode, but they do when using Swing.

[magreenblatt]

Original comment by Aaron Ong (Bitbucket: Aaron Ong).

---

I did a little more digging, and it turns out that the problem with the backspace key was due to JavaFX's different way of handling key events. It took a bit of hackery, but I created a new SwingNode class that overrides the default key handling behavior of the original JavaFX version: http://pastebin.com/EA26Mz6m

The main difference here starts at line 45, where it just copies the key code value (cast into a char) to the key char value if key char's integer value is 0. I'm not sure if this is entirely correct, but I was able to get backspace to work, at least.

[magreenblatt]

Original comment by Roberto Neto (Bitbucket: BetoN, GitHub: BetoN).

---

@Aaon, can you provide a simple example ?

[magreenblatt]

Original comment by Aaron Ong (Bitbucket: Aaron Ong).

---

I can't test this right now because I don't have the right environment. This one uses the modified SwingNode I provided to make the backspace key work. Some other keys still don't work correctly though, so I guess it still needs some more remapping.

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.Pane;
import javafx.stage.Stage;
import org.cef.CefApp;
import org.cef.CefClient;
import org.cef.browser.CefBrowser;

import javax.media.opengl.awt.GLJPanel;

public class CefBrowserSample extends Application {

@Override
public void start( Stage primaryStage ) {
    Pane root = new Pane();
    SwingNode swingNode = new SwingNode();
    root.getChildren().add( swingNode );
    Scene scene = new Scene( root, 500, 500 );
    primaryStage.setTitle( "JCEF Example" );
    primaryStage.setScene( scene );

    CefApp app = CefApp.getInstance();
    CefClient client = app.createClient();
    CefBrowser browser = client.createBrowser( "www.google.com", true, false );
    swingNode.setContent( ( GLJPanel) browser.getUIComponent() );

    primaryStage.show();
}

public static void main( String[] args ) {
    launch( args );
}

}

[magreenblatt]

Original comment by DragonWarri0r (Bitbucket: DragonWarri0r, GitHub: DragonWarri0r).

---

@Aaon, it`s works, but very-very slow

[magreenblatt]

Original comment by Aaron Ong (Bitbucket: Aaron Ong).

---

You'll have to go native if you want a proper JavaFX implementation of JCEF btw

[magreenblatt]

• changed title from "Povide JavaFX node for JCEF" to "Provide JavaFX node for JCEF"

[magreenblatt]

Original comment by kalemsj (Bitbucket: kalemsj, GitHub: kalemsj).

---

Any news for this issue?

[magreenblatt]

Original comment by iltaf khalid (Bitbucket: iltaf, GitHub: iltaf).

---

I am also stuck at this point on integrating JavaFX with JCEF. I wish JCEF guys natively support JavaFX so that we avoid all the hacks while compromising on performance etc.

[magreenblatt]

A PR to add this functionality could be accepted if the changes are reasonable in scope.