Javascript 我可以在WebRTC的视频标签上渲染图像吗

我想在WebRTC的HTML视频标签上呈现图像对象。 因为我想用WebRTC创建一个游戏

例如，我一直在用我的智能手机摄像头渲染网站的视频标签。 在HTML视频标签中，会显示智能手机摄像头的图像和宝箱的图像。 我轻敲宝箱，得到一些分数

我能做这个吗

我想，我必须使用画布标签

在我看来，这种流动： 智能手机的摄像头->隐藏视频标签->渲染画布标签图像和视频标签是迄今为止最具视觉天赋的HTML元素。如果只使用

poster

属性，它将比

标记更好地渲染任何图像。在下面的演示中，一个可调整大小的

标记被包装在一个可调整大小的

中。100%响应。不需要

标记和它附带的所有标记混乱。滚动条仅用于演示目的，以便调整大小更易于使用（在生产中可能不需要）

演示

.rsz{
调整大小：两者；
溢出：滚动；
}
.框架{
宽度：100%；
高度：自动；
}
维德先生{
宽度：100%；
身高：100%；
}

请编辑问题，将其限制为特定问题，并提供足够详细的信息，以确定适当的答案。避免同时问多个不同的问题。请参阅“如何询问”页面，以获得澄清此问题的帮助。谢谢您的回答！我对视频标签的数量感到非常惊讶！但是，我可以使用视频标签中的图片渲染电影吗？是的，

poster

属性会在视频处于空闲状态（如结束或加载后）时维护图像并显示它，但在暂停时不会显示。基本上，1。当播放或查找海报时，2。暂停视频时，海报将隐藏。3.如果视频结束、加载或停止（基本上是

currentTime=0

），海报就会显示出来。哦，我明白了！非常感谢你！！没问题，快乐编码。