使用JS渲染C++视频流

JS通过C++打开摄像头,并采集得到的数据回传到JS,渲染到web端,实现方式如下:

1、通过V8引擎将采集的数据以Buffer数组形式回传

2、在cavas画布或webgl上渲染该数据

例如:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var imgData=ctx.createImageData(100,100);
for (var i=0;i<imgData.data.length;i+=4)
  {
  imgData.data[i+0]=255;
  imgData.data[i+1]=0;
  imgData.data[i+2]=0;
  imgData.data[i+3]=255;
  }
ctx.putImageData(imgData,10,10);

参考博客:

HTML canvas ImageData data 属性

WebGL和canvas渲染方式

猜你喜欢

转载自blog.csdn.net/tong5956/article/details/102702828