有没有童鞋遇到过同样的问题：canvas画视频求解答！

Question

有rgb数据，用canvasImageData往上画图隔多少毫秒执行一次用来实现视频效果
想问问这种方法靠谱么有缓存后期会不会很卡没用过canvas求大神指教
代码
setInterval(function(){
varc=document.getElementById("myCanvas");
varctx=c.getContext("2d");
varimgData=ctx.createImageData(100,100);
for(vari=0;i{
imgData.data[i+0]=rgbpic[i+0];
imgData.data[i+1]=rgbpic[i+1];
imgData.data[i+2]=rgbpic[i+2];
imgData.data[i+3]=rgbpic[i+3];
}
ctx.putImageData(imgData,0,0);
},50)
你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

自然必须是特别卡的，按一秒钟24帧计，楼主可以尝试一下看看浏览器是什么表现。如果按照楼主的方式，连js这种高级语言都能流畅地处理视频，那市面上大量的视频编码器播放器存在的意义是什么呢？对于这种数据密集型的场景，js就不是很适用。