Blow into make to move the car

<!doctype html>
<html>
<head>
<title>Pitch Detector</title>
<link href='https://fonts.googleapis.com/css?family=Alike' rel='stylesheet' type='text/css'>
    <style>
      html, body, #map {
        height: 100%;
        padding: 0;
        margin: 0;
        background: black;
      }
    </style>
    <link rel="stylesheet" href="https://libs.cartocdn.com/cartodb.js/v3/themes/css/cartodb.css" />
    <script src="https://libs.cartocdn.com/cartodb.js/v3/cartodb.js"></script>
	<script type="text/javascript">
    function main() {

cartodb.createVis('map', 'https://team.cartodb.com/api/v2/viz/7a99951e-aba7-11e3-b843-0e10bcd91c2b/viz.json', {
            shareable: false,
            title: false,
            description: false,
            search: false,
            tiles_loader: true
        })
        .done(function(vis, layers) {
          var bm = layers[0].remove();
          // var pngs = layers[1];
          // 	  pngs.hide();
          var torqueLayer = layers[2];
          	torqueLayer.stop();
          	var status = 0;
          	var live = 0;
			navigator.webkitGetUserMedia({audio:true, video:false}, function(stream){
			    audioContext = new webkitAudioContext();
			    analyser = audioContext.createAnalyser();
			    microphone = audioContext.createMediaStreamSource(stream);
			    javascriptNode = audioContext.createScriptProcessor(2048, 1, 1);

analyser.smoothingTimeConstant = 0.3;
			    analyser.fftSize = 1024;

microphone.connect(analyser);
			    analyser.connect(javascriptNode);
			    javascriptNode.connect(audioContext.destination);

//canvasContext = $("#canvas")[0].getContext("2d");
			    canvasContext = document.getElementById("test");
			    canvasContext= canvasContext.getContext("2d");

javascriptNode.onaudioprocess = function() {
			        var array =  new Uint8Array(analyser.frequencyBinCount);
			        analyser.getByteFrequencyData(array);
			        var values = 0;

var length = array.length;
			        for (var i = 0; i < length; i++) {
			            values += array[i];
			        }

torqueLayer.setCartoCSS(cartocss);
			        if(status == 0){
			        	if (average > 50){
            				torqueLayer.play();
            				status=1;
			        	} 
			        } else {
			        	if (average <= 50){
			        		live = live-1;
     						if(live<=0){
            					status=0;
            					torqueLayer.pause();
     						}
            			} else {
            				if(live<5){live++};
            			}
			        }
			        // console.log(average)
			        canvasContext.clearRect(0, 0, 60, 130);
			        canvasContext.fillStyle = '#00ff00';
			        canvasContext.fillRect(0,130-average,25,130);
			    }

}, function (){console.warn("Error getting audio stream from getUserMedia")});

})
        .error(function(err) {
          console.log(err);
        });
    }

window.onload = main;
</script>

</head>
<body>
    <div id="map"></div>
	<canvas id="test" style="background-color: black;"></canvas>
</body>
</html>

Modified http://libs.cartocdn.com/cartodb.js/v3/cartodb.js to a secure url

https://libs.cartocdn.com/cartodb.js/v3/cartodb.js