動的なストリームBufferedImage from website

Question

私は生成しているJavaで動的なBufferedImageを持っています。 BufferedImageをWebフロントエンドに送信できるようにしたい。私は、Webフロントエンドがこのイメージを一定の間隔でリフレッシュできるようにしたい。また、キーボードとマウスのコールバックが必要になります。私はHTML5 Canvasを研究していましたが、私がやっていることを実際にサポートしていないようです。

基本的に、サーバーサイドで生成されたゲームを作成しようとすると、クライアントは5fpsのようなものでそのゲームのBufferedImageを送信します。

Answer 1

Base64.Encoderクラスを使用すると、サーバ側のBufferedImageをJavaでエンコードできます。これにより、フロントエンドのimgタグのsrcに押し込むことができるbase64 Stringにイメージを変換します。

あなたは一時的にファイルに画像を保存する必要がありますが、これは仕事をする必要があります。

Base64.Encoder encoder = Base64.getEncoder(); 
BufferedImage bi = generateYourImage(); 
ImageIO.write(bi, yourImageExtension, new File(".tmp."+yourImageExtension)); 
String base64Str = "data:image/"+yourImageExtension+";base64,"+ encoder.encode(Files.readAllBytes(Paths.get(".tmp."+yourImageExtension"))); 

次に、あなたのクライアントにbase64Strを送信し、imgタグのsrc ATTRに押し込みます。