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

Question

我想创建一个互动应用：

服务器（python）： 我想用python创建一个简单的websocket服务器，这个服务器负责生成图片并把这些图片发送到socket里。

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

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

Answer 1

这里有一个简单的例子，希望对你有帮助：

hello-websocket

这个例子还增加了一个功能，可以从网络摄像头捕捉图像。不过，客户端和服务器之间的基本互动都在里面。

Answer 2

你的使用场景比较特殊，所以别指望能找到现成的示例代码。如果你对WebSockets不太了解，可以先看看一些通用的教程。下面是一个大致的做法：

1) 选择任何你喜欢的Python Websocket库

2) 通过socket发送图片，格式为二进制消息

3) 在客户端用Javascript的Image对象来解析图片，使用dataURI作为来源

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

4) 在<canvas>上绘制图片

注意，如果你只是想一个一个地显示图片，步骤4就可以省略。