使用基于 DirectShow 的虚拟相机和 Electron 框架来渲染 <div> 元素的内容答案

【问题标题】：Using DirectShow based virtual camera with Electron framework to render content of <div> element使用基于 DirectShow 的虚拟相机和 Electron 框架来渲染 <div> 元素的内容
【发布时间】：2021-01-29 06:03:47
【问题描述】：

我正在尝试使用Electron 框架构建桌面应用程序，该框架可以将特定<div> 元素的内容输出到基于DirectShow 的虚拟相机。

在著名的Viveks virtual camera 和Sample Push Source Filter 的帮助下，我能够创建在虚拟相机中渲染桌面的虚拟相机。

现在我想用这个带有电子应用程序的虚拟相机来输出<div>的内容。我无法弄清楚应该采取什么方法来实现这一目标？我想我必须开发 DirectShow Capture Filter，它会与我不确定的虚拟相机交互。

应该用什么方法将<div> 内容渲染到虚拟相机？

【问题讨论】：

标签： c++ com electron directshow virtual-webcam

【解决方案1】：

https://docs.microsoft.com/en-us/windows/win32/directshow/step-2--declare-cvideorenderer-and-derived-classes

看来您需要获取 Electron 窗口的窗口句柄 HWND 并写入该窗口内的 RECT，类似于使用 DirectX 交换链执行此操作的方式。我不确定是否有专门的方法可以渲染到窗口中的元素，但您可以公开一些 C++ 组件可以读取以确定视口的变量。

【讨论】：