JSFiddle - React, Tailwind, and code Playground

by uggway

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/simple-peer/6.2.1/simplepeer.min.js"></script>
<input type="text" id="chat-input" style="font-size: 2em; width: 65%;"><br />
<textarea id='ta'></textarea>
<button id='sb' >Send</button>

<div id="chat-output"></div>

JavaScript

var peer1 = new SimplePeer({ initiator: true, channelName:"12345", trikle:false })
var offer;
peer1.on('error', function (err) { console.log('error', err) })
peer1.on('signal', function (data) {
  // when peer1 has signaling data, give it to peer2 somehow
  //peer2.signal(data)
  offer = data;
  console.log('SIGNAL', JSON.stringify(offer))
 // document.querySelector('#outgoing').textContent = 
 $('#ta').text($('#ta').text()+JSON.stringify(data));
 })


peer1.on('connect', function () {
  // wait for 'connect' event before using the data channel
  peer1.send('hey peer2, how is it going?')
})

peer1.on('data', function (data) {
  // got a data channel message
  $('#chat-output').html($('#chat-output').html()+"<br>p2:"+data);
  console.log('got a message from peer1: ' + data)
})

function SendV(){
	peer1.signal(JSON.parse($('#chat-input').val()))
//var data = $('#chat-input').val();
	//peer1.send(data);
  //$('#chat-output').text("p1:"+data);
}
$('#sb').click(function(){SendV();})