websocket + json

by alessandro_pezzato

HTML

<ul><li id="frequency"></li><li id="intensity"></li></ul>

CSS

ul { width: 100px; list-style: none; margin: 0; }
li { margin: 0; color: white; }
li#frequency { background-color: blue; }
li#intensity { background-color: red; }

JavaScript

var ws = new WebSocket("ws://localhost:1234");
ws.onmessage = function(event) {
  var peak = jQuery.parseJSON(event.data);
  $('#frequency').text(peak.frequency);
  $('#intensity').text(peak.intensity);
    $('#frequency').css('width', peak.frequency * 100);
    $('#intensity').css('width', peak.intensity * 100);
}
setInterval(function(){
    ws.send('get');
}, 40);