什么是最快和(或)"低成本"在javascript中渲染blob图像的方法?

时间:2017-05-01 20:20:15

标签: javascript html5 image blob rendering

目标是在页面上呈现大量来自少数网络插座连接的图像(它是某种多屏幕视频监控系统)。此页面可能在非常慢的设备(例如Android TV)的浏览器中打开,并且性能必须尽可能高。

所以,jpeg图像来自服务器blob(如果要指定则是arraybuffer)...我现在很少有方法来显示它们:

  1. base64_encode to img src
  2. FileReader()... reader.readAsDataURL(blob)
  3. URL.createObjectURL(new Blob([arrayBuffer]))
  4. 在HTML5画布中绘制
  5. 但我不知道如何衡量他们的工作速度和CPU资源负载。有没有人在浏览器中使用不同的方法显示图像?哪一个是CPU资源最快,成本最低的?

0 个答案:

没有答案