javafx WebViewをオフスクリーンバッファまたはFBOにレンダリングしよう

Question

究極の目標は、おそらくjavafxのFBOを設定することによって、30fps以上でWebViewの出力を記録できることです。私は望むフレームレートでフレームを引き出すことができました。

私はいくつかを突っ込んだし、私はViewSceneでUploadingPainterに出くわしました。私はこれが可能だと思います。闘争は、これが一見フードの下にあり、やや新鮮であるということです。

誰かがこの作品のようなものを作る方法を知っていますか？

これは私がデバッグ中に出会ったコードです：ここでは

@Override 
public void setStage(GlassStage stage) { 
    super.setStage(stage); 
    if (stage != null) { 
     WindowStage wstage = (WindowStage)stage; 
     if (wstage.needsUpdateWindow() || GraphicsPipeline.getPipeline().isUploading()) { 
      if (Pixels.getNativeFormat() != Pixels.Format.BYTE_BGRA_PRE || 
       ByteOrder.nativeOrder() != ByteOrder.LITTLE_ENDIAN) { 
       throw new UnsupportedOperationException(UNSUPPORTED_FORMAT); 
      } 
      painter = new UploadingPainter(this); 
     } else { 
      painter = new PresentingPainter(this); 
     } 
     painter.setRoot(getRoot()); 
     paintRenderJob = new PaintRenderJob(this, PaintCollector.getInstance().getRendered(), painter); 
    } 
} 

Answer 1

はWebViewの中でアニメーションを撮影する例です。

Webビューからキャプチャされた画像は見やすくするためにPaginatorに配置されているため、見やすくなります。必要に応じてSwingFXUtilsとImageIOを使用してファイルに書き出すことができます。結果の画像をバッファに入れたい場合は、PixelReaderを使用できます。

それは非常に私はそれが望んでいたように動作しません。私は目に見える段階に配置せずにWebViewをスナップショットしたかったのです。ステージに含まれていないノードのスナップショットを撮ることは、JavaFXの他のすべてのノードタイプでうまく動作しますが（私が知る限り）、WebViewではうまくいかないことがあります。サンプルは実際にアニメーションキャプチャ結果の画像シーケンスを表示する表示ウィンドウの後ろに新しいステージを作成します。あなたはこのinfo on AnimationTimers in JavaFXを見直すことができ、アニメーションシーケンスの取り込みを微調整するために私はあなたが望んでいない正確に何ことを認識してんだけど、それはそれが何であるかです...

import javafx.animation.AnimationTimer; 
import javafx.application.Application; 
import javafx.beans.property.*; 
import javafx.collections.*; 
import javafx.concurrent.Worker; 
import javafx.geometry.Insets; 
import javafx.scene.Scene; 
import javafx.scene.SnapshotParameters; 
import javafx.scene.control.*; 
import javafx.scene.image.*; 
import javafx.scene.layout.*; 
import javafx.scene.web.WebView; 
import javafx.stage.Stage; 

public class WebViewAnimationCaptor extends Application { 

    private static final String CAPTURE_URL = 
      "https://upload.wikimedia.org/wikipedia/commons/d/dd/Muybridge_race_horse_animated.gif"; 

    private static final int N_CAPS_PER_SECOND = 10; 
    private static final int MAX_CAPTURES = N_CAPS_PER_SECOND * 5; 
    private static final int W = 186, H = 124; 

    class CaptureResult { 
     ObservableList<Image> images = FXCollections.observableArrayList(); 
     DoubleProperty progress = new SimpleDoubleProperty(); 
    } 

    @Override public void start(Stage stage) { 
     CaptureResult captures = captureAnimation(CAPTURE_URL); 
     Pane captureViewer = createCaptureViewer(captures); 

     stage.setScene(new Scene(captureViewer, W + 40, H + 80)); 
     stage.show(); 
    } 

    private StackPane createCaptureViewer(CaptureResult captures) { 
     ProgressIndicator progressIndicator = new ProgressIndicator(); 
     progressIndicator.progressProperty().bind(captures.progress); 
     progressIndicator.setPrefSize(W, H); 

     StackPane stackPane = new StackPane(progressIndicator); 
     stackPane.setPadding(new Insets(10)); 
     if (captures.progress.get() >= 1.0) { 
      stackPane.getChildren().setAll(
       createImagePages(captures.images) 
      ); 
     } else { 
      captures.progress.addListener((observable, oldValue, newValue) -> { 
       if (newValue.doubleValue() >= 1.0) { 
        stackPane.getChildren().setAll(
          createImagePages(captures.images) 
        ); 
       } 
      }); 
     } 

     return stackPane; 
    } 

    private Pagination createImagePages(ObservableList<Image> captures) { 
     Pagination pagination = new Pagination(); 
     pagination.setPageFactory(param -> { 
      ImageView currentImage = new ImageView(); 
      currentImage.setImage(
        param < captures.size() 
          ? captures.get(param) 
          : null 
      ); 

      StackPane pageContent = new StackPane(currentImage); 
      pageContent.setPrefSize(W, H); 

      return pageContent; 
     }); 

     pagination.setCurrentPageIndex(0); 
     pagination.setPageCount(captures.size()); 
     pagination.setMaxPageIndicatorCount(captures.size()); 

     return pagination; 
    } 

    private CaptureResult captureAnimation(final String url) { 
     CaptureResult captureResult = new CaptureResult(); 

     WebView webView = new WebView(); 
     webView.getEngine().load(url); 
     webView.setPrefSize(W, H); 

     Stage captureStage = new Stage(); 
     captureStage.setScene(new Scene(webView, W, H)); 
     captureStage.show(); 

     SnapshotParameters snapshotParameters = new SnapshotParameters(); 
     captureResult.progress.set(0); 

     AnimationTimer timer = new AnimationTimer() { 
      long last = 0; 

      @Override 
      public void handle(long now) { 
       if (now > last + 1_000_000_000.0/N_CAPS_PER_SECOND) { 
        last = now; 
        captureResult.images.add(webView.snapshot(snapshotParameters, null)); 
        captureResult.progress.setValue(
          captureResult.images.size() * 1.0/MAX_CAPTURES 
        ); 
       } 

       if (captureResult.images.size() > MAX_CAPTURES) { 
        captureStage.hide(); 
        this.stop(); 
       } 
      } 
     }; 

     webView.getEngine().getLoadWorker().stateProperty().addListener((observable, oldValue, newValue) -> { 
      if (Worker.State.SUCCEEDED.equals(newValue)) { 
       timer.start(); 
      } 
     }); 

     return captureResult; 
    } 

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

。

視覚的なステージを必要としないように、「ヘッドレス」にする必要がある場合は、このgist by danialfarid which performs "Java Image Capture, HTML Snapshot, HTML to image"を試すことができます（ただし、リンクされた要点は書いておらず試していません）。

---

ヘッドレスは、私の場合には、キーです。問題の（Linux）マシンは、サーバーファーム内で完全にヘッドレスで実行されます。要点は、そこにショー（）が見えますが、私は何か見落とされていないことを徹底的に見ていきます。

要点はMonocle glass rendering toolkit for JavaFX systemsに基づいています。このツールキットは、どのシステムでもソフトウェアベースのヘッドレスレンダリングをサポートします。 Monocle Documentationから

：

ヘッドレスポートには何もしません。これは、グラフィック、入力、またはプラットフォームの依存関係のないJavaFXを実行したい場合に使用します。レンダリングはまだ発生しますが、画面には表示されません。

ヘッドレスポートはInputDeviceRegistryのLinuxInputDeviceRegistry実装を使用しています。しかし、ヘッドレスポートは実際のLinuxデバイスやネイティブAPIにはまったくアクセスしません。デバイスシミュレーションモードでLinux入力レジストリを使用します。これにより、Linux以外のプラットフォームでもLinuxデバイスの入力をシミュレートできます。 test/system/src/test/java/com/sun/glass/ui/monocle/inputのテストでは、この機能を幅広く使用しています。 JavaFXのモノクルベースのアプローチは、あなたのために働いていない終わる場合は、あなたがそのようなPhantomJSなどの別の（JavaFXのは関係ありません）ヘッドレスHTMLレンダリングキットを、検討することもでき

。