updated readme, clean up

Author: Chad Hart

README.md

@@ -5,22 +5,20 @@ Finds WebRTC Camera resolutions.
 
 Simple demo to show how one can automatically identify camera resolutions for use with WebRTC.
 Quick scan checks only common video resolutions.
-Full scan checks all 4:3 and 16:9 resolutions between a range.
+Full scan checks all 1:1, 4:3 and 16:9 resolutions between an entered range.
 
-### Updated August 2014
+### Updated February 2016
 
 What's new:
-* Using jQuery
-* Redirect to https
-* Device enumeration and selection if your browser supports it
-* Optional predefined set of common resolutions for a "quick" scan
-* More complete scanning of every 16:9 and 4:3 resolution within a user-defined range
-* Used the official adapter.js from here to normalize browser differences & help with identification
-* Clicking on a row after the test is done reloads that resolution
-* Dump results to JSON or CSV
+* support of the latest WebRTC getUserMedia and device enumeration specs
+* link to [adapter-latest.js](https://webrtc.github.io/adapter/adapter-latest.js)
+* added 1:1 aspect ratio scan to the full scanner
+* added bootstrap
+* added some links to more easily jump around the table
+* made sure it works with Chrome, Firefox, and Edge
 
 Try it at https://webrtchacks.github.io/WebRTC-Camera-Resolution/
 
-Read more at http://webrtchacks.com/update-camera-constraints
+Read more at https://webrtchacks.com/getusermedia-resolutions-3/
 
 Brought to you by [webrtcHacks.com](http://webrtchacks.com)

js/resolutionScan.js

@@ -55,7 +55,8 @@ $(document).ready(function(){
 
     //check if the user is using http vs. https & redirect to https if needed
     if (document.location.protocol != "https:"){
-        alert("This doesn't work well on http. Redirecting to https");
+        $(document).html("This doesn't work well on http. Redirecting to https");
+        console.log("redirecting to https");
         document.location.href = "https:" + document.location.href.substring(document.location.protocol.length);
     }
 
@@ -142,26 +143,15 @@ function gum(candidate, device) {
         stream.getTracks().forEach(function (track) {
             track.stop();
         });
-        //try this for FF
-        if (video.mozSrcObject)
-            video.mozSrcObject.stop();
     }
 
     //create constraints object
     var constraints = {
         audio: false,
         video: {
-            /*mandatory: {
-                sourceId: device.id,
-                minWidth: {candidate.width,
-                minHeight: candidate.height,
-                maxWidth: candidate.width,
-                maxHeight: candidate.height*/
                 deviceId: device.id ? {exact: device.id} : undefined,
                 width: {exact: candidate.width},    //new syntax
                 height: {exact: candidate.height}   //new syntax
-
-           // }
         }
     };
 
@@ -187,7 +177,6 @@ function gum(candidate, device) {
 
         window.stream = mediaStream; // make globally available
         video.srcObject = mediaStream;
-        //video.play();
 
     }
 }
@@ -400,6 +389,7 @@ function createAllResolutions(minHeight, maxHeight){
         resolutions.push(res);
 
         //square
+        //noinspection JSSuspiciousNameCombination
         res = {
             "label": y + "x" + y,
             "width" : y,