将jpeg帧作为视频显示的最佳方法是什么？

Question

我通过一个base64编码的socket.io连接获取jpeg帧，并且当前在HTML5画布上绘制它们。甚至在firefox中使用800x600 / 30fps'视频'的i7也不堪重负。

最有效的方法是什么？ 我尝试了CSS，WebGL（通过THREE.js和更改纹理）和HTML5画布，如上所述。我认为如果我真的可以将它作为mjpeg流传递给视频标签，那可能会更高效，但我迷失在如何做到这一点。

知道什么解决方案会更好吗？

目前，我收到一个包含一个完整帧数据的事件，并执行此操作：

img = new Image();
img.src = "data:image/jpeg;base64," + event.data;
img.onload = function() {
  context.drawImage(img,0,0);
}