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

Question

我目前正在制作带有视频的完整背景网站。我将背景图像滑动，以防用户互联网运行缓慢。我想用modernizr或者如果可能的话以任何方式实现它。

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

这是我的代码。

<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

正如您所见here，Modernizr提供了低带宽测试。

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

不幸的是，由于this issue，它已被删除。

无论如何，other mechanisms已被证明有效，您还可以查看jsbandwidth，foresight或boomerang等图书馆。