我可以在WebRTC的视频标签上渲染图像吗？
我可以在WebRTC的视频标签上渲染图像吗？
提问于 2018-03-27 11:58:30
我想在WebRTC的视频标签上渲染图像对象。因为我想用WebRTC创建一个游戏。
例如，我一直在用我的智能手机的摄像头在网站的视频标签上渲染。在HTML视频标签中，显示了智能手机摄像头的图像和宝藏盒的图像。我敲了一下宝盒，得到了点。
我能做这个吗？
我想，我得用帆布标签。
在我看来，这个流程:智能手机的摄像头->隐藏视频标签->渲染画布标签图像和视频
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-03-27 12:32:26
<video>标记是有史以来最有视觉天赋的HTML元素。如果只使用poster属性，它将比<img>标记更好地呈现任何图像。在下面的演示中，是一个可调整大小的<video>标记，包装在一个可调整大小的<div>中。100%响应。不需要<picture>标记和它带来的所有标记杂乱。滚动条只是为了演示目的，因此调整大小更容易使用(在生产中可能不需要)。
演示
.rsz {
resize: both;
overflow:scroll;
}
.frame {
width: 100%;
height: auto;
}
.vid {
width: 100%;
height: 100%;
}<div class='frame rsz'>
<video class='vid rz' poster='http://diarioveaonline.com/wp-content/uploads/2018/01/lovable-images-for-desktop-wallpapers-3.jpg'></video>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49512283
复制相关文章
相似问题
腾讯云开发者
