将动态 BufferedImage 流式传输到网站

Question

我在生成的 java 中有一个动态 BufferedImage。我希望能够将 BufferedImage 发送到 Web 前端。我希望 Web 前端能够以设定的时间间隔处理刷新此图像。此外，我将需要键盘和鼠标回调。我正在研究 HTML5 Canvas，但它似乎并不真正支持我正在做的事情。

基本上，尝试制作一个在服务器端生成的游戏，然后以 5fps 之类的速度向客户端发送该游戏的 BufferedImage。

Answer 1

您可以使用Base64.Encoder 类在服务器端使用Java 对BufferedImage 进行编码。这会将图像转换为 base64 String，可以在前端推入 img 标签的 src。

您需要将图像临时保存到文件中，但这应该可以完成工作：

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。