AirSocket Demo

HTML

<script src="https://rawgit.com/Ravenstine/airsocket/master/dist/browser/airsocket.js&quot;"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="input-group">
      <input type="text" id="message" class="form-control" value="hello world!">
      <span class="input-group-btn">
        <button class="btn btn-success">Send Message</button>
      </span>
    </div>
<br />
<div id="messages" class="well"></div>
<br />

CSS

#messages{
  height: 300px;
  overflow: scroll-y;
}

JavaScript

AirSocket = require("airsocket")
if (navigator.getUserMedia == null) {
  navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
}

AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext;

navigator.getUserMedia({ audio: true}, function(e){
  var socket = new AirSocket({worker: true, audioSource: e});
  socket.on('message', function(m){
    var messages = document.querySelector('#messages');
    messages.innerHTML = '<p>' + m.data + '</p>' + messages.innerHTML;
  })
  document.querySelector('button').addEventListener('click', function(){
  	socket.send(document.querySelector('input#message').value);
  })
}, function(){alert('There is a problem.')})