Javscript-webrtc：如何在“发布”之前全屏显示并重新缩放图像？

Question

我正在使用Mozilla developer文档中给出的示例制作一个可用于单击图片的网页。

我面临两个问题：

1. 设计跨台式机/手机的统一体验。理想情况下，我希望该网页仅包含传入的视频流， 底部中心的一个按钮单击图片。视频流应填充浏览器中的网页空间。但是在我的 尝试将大小设置为document.body.scrollWidth和 document.body.scrollHeight在移动设备和台式机上显示不同的结果，并且视频不显示在屏幕上。
   1. 在发布图像之前重新缩放图像。即使在我的后端应用程序不需要非常高分辨率的图像时，在手机上拍摄的照片也要大得多。此外，后端还期望有固定尺寸的传入图像（600x800）。因此，是否可以在提交POST请求之前调整图像的大小（调整大小？）？