JacobHuang91
7/13/2018 - 11:41 PM

socketio

socketio

socketio
content_copyfile_download
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script !src="">
      var my_awesome_script = document.createElement('script');

      my_awesome_script.setAttribute('src','https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.1.1/socket.io.js');

      document.head.appendChild(my_awesome_script);


      // send
      function sharedStart(array){
        var A= array.concat().sort(),
          a1= A[0], a2= A[A.length-1], L= a1.length, i= 0;
        while(i<L && a1.charAt(i)=== a2.charAt(i)) i++;
        return a1.substring(0, i);
      }
      var socket = io.connect("https://shrouded-shore-18038.herokuapp.com")
      var span = document.querySelector(".transcript-scroller.w-100.mx-0.h-100")

      var prevText = ""
      setInterval(()=>{
        var curText = span.innerText
        if(prevText === curText){
          return
        }
        console.log("trigger");
        var position = sharedStart([prevText,curText]).length
        var segement = curText.substr(position)
        socket.emit("send",[position,segement])
        prevText = curText
      },30)



      // receive
      var socket = io.connect("https://shrouded-shore-18038.herokuapp.com")
      var span = document.querySelector(".transcript-scroller.w-100.mx-0.h-100")
      socket.on("res",(data)=>{

        span.innerText = span.innerText.substring(0,data[0]) + data[1]
      })


    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.1.1/socket.io.js"></script>
</head>
<body>

</body>
</html>