用于在画布上显示图像的简单websocket

Question

我想创建一个交互式应用程序：

服务器（python）：我想用python创建一个简单的websocket服务器，它将负责生成并向套接字提供图像。

客户端（HTML5、HTML5画布）：我想从python websocket服务器接收图像，并将它们显示在HTML5画布中。

有人有类似的示例代码吗？

Answer 1

下面是我的极简主义例子，你可能会发现它很有用：

你好websocket

它还有一个从网络摄像头捕捉图像的附加组件。但是，客户机/服务器交互的基础是存在的。

Answer 2

您的用例很窄，所以不要期望找到现成的示例代码。如果您不熟悉WebSockets，请参阅通用教程。这就是可以做到的：

1） 选择您想要的任何Python Websocket库

2） 通过套接字发送图像作为二进制消息

3） 使用Javascript Image object（）dataURI源解析客户端的图像

https://developer.mozilla.org/en/data_URIs

4） 在<canvas> 上绘制图像

请注意，如果您只是希望逐个显示图像，则不需要执行步骤4。