Javascript - 檢測Internet速度/帶寬

Question

使用以下腳本檢測連接到網絡的系統的Internet速度。 參考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"
        ]);
    }
}

這里的要點是根據用戶的互聯網連接速度改變視頻質量運行時間。 我需要獲取網絡速度，將其傳遞給服務器，並根據視頻質量進行更改。

我如何實現同樣的目標？

Answer 1

您的網絡速度將根據可用帶寬而有所不同。 因此，您需要以特定的時間間隔運行速度測試，例如每10或15秒。 但即使您能夠在不影響瀏覽器性能和壓力的情況下運行這些測試。 你的下一個目標是將視頻的質量改為較低的質量，這也將是一個頭痛，因為它不會是一個簡單的視頻src開關。

自適應比特率流是您正在尋找的。 有些媒體服務器提供該功能。 如果您正在尋找更多的開源來理解和解釋，那么您可以嘗試Google Shaka Player。 https://github.com/google/shaka-player 。

還有一點需要注意的是，在沒有任何插件幫助的情況下，自適應比特率流將無法在IE中運行。