navigator.mediaDevices.getUserMedia({
    audio: true,
    video: true
}).then(function(stream){
    let userVideo=document.getElementById('userVideo');
    userVideo.srcObject=stream;
    userVideo.play();
    var Peer=require('simple-peer');
    var peer=new Peer({
        initiator: location.hash==="#init",
        trickle: false,
        stream: false
    });
    window.SpeechRecognition = window.webkitSpeechRecognition || window.SpeechRecognition;
    const recognition=new window.SpeechRecognition();
    recognition.lang="en";
    // recognition.interimResults=true;
    recognition.onresult = (event) => {
        const speechToText = event.results[0][0].transcript;
        console.log(speechToText);
    }
    recognition.onaudiostart=function(event){
        console.log('started');
    }
    recognition.onaudioend=function(event){
        console.log('ended');
        recognition.stop();
        startRecognition(25);
    }
    function startRecognition(delay){
        setTimeout(function(){
            try{
                recognition.start();
            }catch(e){
                startRecognition(delay);
            }
        },delay)
    }
      recognition.start();
    peer.on('signal',function(data){
        document.getElementById('yourId').value=JSON.stringify(data);
    })
    document.getElementById('connect').addEventListener('click',function(){
        let otherId=JSON.parse(document.getElementById('otherId').value);
        peer.signal(otherId);
    })
    document.getElementById('testBtn').addEventListener('click',function(){
        console.log('calling send');
        send();
    })
    document.getElementById('send').addEventListener('click',function(){
        let yourMessage=document.getElementById('message').value;
        document.getElementById('messages').textContent+='S: '+yourMessage+"\n"
        peer.send(yourMessage);
    })
    peer.on('data',function(data){
        document.getElementById('messages').textContent+='R: '+data+"\n"
    })
    peer.addStream(stream);
    peer.on('stream',function(stream){
        console.log('got stream');
        let video=document.getElementById('receivedVideo');
        video.srcObject=stream;
        video.play();

    })

}).catch(function(err){
    alert("Error: "+err);
})
function send() {
    console.log('sending');
    let rand=Math.random();
    var number = {
      value: rand
    }
    var xhr = new window.XMLHttpRequest()
    xhr.open('POST', '/num', true)
    xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8')
    xhr.send(JSON.stringify(number))
  }