检测互联网速度/带宽

Javascript - Detect Internet Speed/Bandwidth

本文关键字：带宽 速度 互联网 检测      更新时间：2023-09-26

使用下面的脚本检测连接到网络的系统的网速。参考javascript来检测网速

但是，在https://fast.com/和http://www.speedtest.net/上的速度结果是不同的。

var imageAddr = "http://www.kenrockwell.com/contax/images/g2/examples/31120037-5mb.jpg"; 
var downloadSize = 4995374; //bytes
function ShowProgressMessage(msg) {
    if (console) {
        if (typeof msg == "string") {
            console.log(msg);
        } else {
            for (var i = 0; i < msg.length; i++) {
                console.log(msg[i]);
            }
        }
    }
    var oProgress = document.getElementById("progress");
    if (oProgress) {
        var actualHTML = (typeof msg == "string") ? msg : msg.join("<br />");
        oProgress.innerHTML = actualHTML;
    }
}
function InitiateSpeedDetection() {
    ShowProgressMessage("Loading the image, please wait...");
    window.setTimeout(MeasureConnectionSpeed, 1);
};    
if (window.addEventListener) {
    window.addEventListener('load', InitiateSpeedDetection, false);
} else if (window.attachEvent) {
    window.attachEvent('onload', InitiateSpeedDetection);
}
function MeasureConnectionSpeed() {
    var startTime, endTime;
    var download = new Image();
    download.onload = function () {
        endTime = (new Date()).getTime();
        showResults();
    }
    download.onerror = function (err, msg) {
        ShowProgressMessage("Invalid image, or error downloading");
    }
    startTime = (new Date()).getTime();
    var cacheBuster = "?nnn=" + startTime;
    download.src = imageAddr + cacheBuster;
    function showResults() {
        var duration = (endTime - startTime) / 1000;
        var bitsLoaded = downloadSize * 8;
        var speedBps = (bitsLoaded / duration).toFixed(2);
        var speedKbps = (speedBps / 1024).toFixed(2);
        var speedMbps = (speedKbps / 1024).toFixed(2);
        ShowProgressMessage([
            "Your connection speed is:", 
            speedBps + " bps", 
            speedKbps + " kbps", 
            speedMbps + " Mbps"
        ]);
    }
}

这里的要点是根据用户的互联网连接速度改变视频质量运行时间。我需要获取网络速度，将其传递到服务器，并基于该视频质量将被改变。

如何达到同样的效果?

您的网络速度将根据可用带宽而变化。因此，您需要以特定的间隔运行速度测试，例如每10或15秒运行一次。但是，即使您能够在不影响性能和浏览器压力的情况下运行这些测试。你的下一个目标将是改变视频的质量到一个较低的质量，这将再次头痛，因为它不会是一个简单的视频src切换。

自适应比特率流是您正在寻找的。有一些媒体服务器提供这种功能。如果您正在寻找更开源的东西来理解和玩，那么您可以尝试Google Shaka Player。https://github.com/google/shaka-player。

还有一点需要注意的是，如果没有任何插件帮助，自适应比特率流将无法在IE中工作。

相关文章：