Bandwidth detection with javascript

Posted on July 31st, 2010 at 6:32 am

No Comments »

In one of my current projects, I came across a scenario to play a video based on the users downloading bandwidth. The detection should be done with javascript. There is a technique, to load an image of known size and calculating the bandwidth on basis of time taken to load that image. Though this technique is not 100% reliable, this will give an approximate estimate of bandwidth.

Here is the javascript code to find users bandwidth:

var userBandwidth = 0;
var startTime;
var endTime;
var imgSize = 39842;
var loadTimeInSec;

function GetUserBandwidth() {
    var testImage = new Image();
    testImage.src = "bwtest.jpg";
    startTime = (new Date()).getTime();
    testImage.onload = CreateDelegate(testImage, DoneWithTest);
}

function DoneWithTest() {
    endTime = (new Date()).getTime();
    loadTimeInSec = (endTime - startTime) / 1000;
    userBandwidth = (imgSize / loadTimeInSec) / 1024;
}

Here we are loading an image of size 38Kb and added a delegate on image loaded event. In the call back function, we calculate end time, with that we can calculate the bandwidth of the user.

Check my previous post to add delegate in javascript.

Categories : Javascript
Tags : ,
Author : Siva Kuchi

Interested in this topic? You might enjoy another article we've written called

  1. Pre load images with Javascript
  2. Delegate in Javascript
  3. How to get checkboxlist selected item values on client side using javascript
  4. Get from and to dates in javascript
  5. How To Sort ListItems In JavaScript

Leave a Reply