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

问题描述

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

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

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

将 <div> 内容呈现给虚拟相机应该采用什么方法？

解决方法

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

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