在页面内浮动的新窗口中渲染React组件

问题描述

这个想法是通话(jitsi)的视频位于屏幕组件的上方,我可以拨打该视频屏幕的画中画,以便用户可以浏览页面,并且不会丢失当前正在通话的视频的可见性。您指示的该组件不起作用,我使用了react-draggable(https://www.npmjs.com/package/react-draggable#draggable-usage),它做了第一部分,即停留在这些组件的顶部,并且可以在屏幕上四处移动。但是,我仍然无法通过此Jitsi iFrame API(https://jitsi.github.io/handbook/docs/dev-guide/dev-guide-iframe)使用React的PiP。但是我相信这是有可能的,因为我安装了由Google开发的chrome扩展程序,称为Google画中画扩展程序,他可以拍摄视频并将其叠加在屏幕上而不会失去焦点。我尝试将代码用于此扩展名(https://github.com/GoogleChromeLabs/picture-in-picture-chrome-extension/blob/master/src/script.js),但尚未成功。如果有人做了这样的事情并且可以帮助我,我将非常感激。谢谢大家。

Example of my test page

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)