用于将图像显示到画布的简单websocket

Question

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

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

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

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

Answer 1

您的用例很窄，所以不要指望找到准备好的示例代码。如果您不熟悉WebSockets，请使用通用教程。这是如何做到的：

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

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

3）使用Javascript Image object（）dataURI source

在客户端解析图像

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

4）在<canvas>

上绘制图像

请注意，如果您只想逐个显示图像，则无需执行步骤4。

Answer 2

这是我的简约示例，您可能会发现有用：

hello-websocket

它具有从网络摄像机捕获图像的附加组件。但是客户端/服务器交互的基础就在那里。