video-green-screen-processing

将视频扣绿成透明背景 基于 [email protected] 实现，高于 0.118.3 版本视频扣绿无感知切换视频源会失效 支持canvas2d和three两种渲染方案，默认自动选择

type RenderType = 'three' | 'canvas2d' | 'auto'; // 支持三种渲染方案
interface ProcessingOpts {
  inputVideoId: string; // 输入视频id
  outputVideoId: string; // 输出视频id
  keyColor?: string | number; // 抠色颜色
  threshold?: number; // 抠色容差（canvas2d有效）
  pixelRatio?: number; // 像素比
  enableFXAA?: boolean; // three.js专属参数
  renderType?: RenderType; // 显式设定类型
}

const videoProcessing = new ProcessingVideo();
/**
 * 开始扣绿
 * @param {string} inputVideoId 输入视频video标签 id
 * @param {string} outputVideoId 输出视频dom id
 * @param {number | string} color 要过滤的颜色 如0x00ff05, #0000ff
 * @param {number} pixelRatio 扣绿画板和视频的分辨率比例，默认1
 */
videoProcessing.initVideoScene(opts:ProcessingOpts);

//更改扣绿视频源
videoProcessing.setVideoSource(inputVideoId, color);

//停止扣绿
videoProcessing.destroy();