javascript - 根据连接类型显示一定的图像质量

Question

我正在尝试建立一个站点供人们查看 360 度图像。由于 360 度图像很大，我正在考虑为连接到移动数据的设备提供质量较低的图像。有没有办法做到这一点？

标签： javascripthtmlimageweb

Answer 1

正如 Thanh Trung 所提到的，网络信息 API 非常有限。我能想到的是向用户设备发送一个 1 - 2 MB 的文件，然后查看下载需要多少时间，基于此您将了解连接速度。基于此，您可以编写逻辑来提取相应的图像。

然而，问题是如果用户正在旅行或移动，那么网络可能会波动。