javascript - 如何使用 Modernizr 进行用户带宽检测？

Question

我目前正在构建带有视频的完整背景网站。我使背景图像滑动，以防万一用户互联网运行缓慢。我想用modernizr或任何可能的方式来实现它。

我的概念：
如果用户带宽快--> 使用视频，
如果用户带宽慢--> 使用图像滑动。

这是我的代码。

<div id="con">
    <video width="320" height="240" controls>
        <source src="movie.mp4" type="video/mp4">
        <source src="movie.ogg" type="video/ogg">
    </video>
    <div id="imgslide" style="display: none;">
        <img src="img1.png"/>
        <img src="img2.png"/>
    </div>
</div>

感谢您的帮助。

Answer 1

正如您在此处看到的，Modernizr 提供了低带宽测试。

如评论中所述，检测仅基于设备信息。

不幸的是，由于这个问题，它已被删除。

无论如何，其他机制已被证明是有效的，您还可以查看jsbandwidth、 foresight或boomerang等库。