Html 是否可以使用不用于视频的PIP模式？

我想把一个div类显示为PiP（画中画）。 我在谷歌上搜索了很多，但只知道如何在视频中启用，而不是自定义div

在我的环境中，可以使用js、CSS和HTML。我想使用PiP的div会一秒一秒地改变

Nope PiP仅适用于

不过，您可以做的是在a中流式传输a并在那里使用PiP。
你现在可以在这里画任何你想要的东西，甚至

const target=document.getElementById（'target'）；
const source=document.createElement（'canvas'）；
const ctx=source.getContext（'2d'）；
ctx.font=“50px Arial”；
ctx.textAlign=“中心”；
ctx.textb基线=“中间”；
动漫（）；
const stream=source.captureStream（）；
target.srcObject=流；
const btn=document.getElementById（'btn'）；
if（target.requestPictureInput）{
btn.onclick=e=>target.requestPictureInPicture（）；
}
否则{
btn.disabled=true；
}
函数anim（）{
ctx.fillStyle=“白色”；
ctx.fillRect（0,0，source.width，source.height）；
ctx.fillStyle=“黑色”；
ctx.fillText（new Date（）.toTimeString（）.split（“”）[0]，source.width/2，source.height/2）；
请求动画帧（anim）；
}

请求PiP

请在您的问题中包含更详细的说明，说明您想做什么以及图片与此相关的方式。