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>

    <form>
      <textarea id="incoming"></textarea>
      <button type="submit">submit</button>
    </form>
    <pre id="outgoing"></pre>

CSS

#outgoing {
        width: 600px;
        word-wrap: break-word;
      }

JavaScript

var p = new SimplePeer({ channelName:"12345",initiator: true, trickle: false })
var name='p1';
p.on('error', function (err) { console.log('error', err) })

p.on('signal', function (data) {
  console.log('SIGNAL', JSON.stringify(data))
  document.querySelector('#outgoing').textContent = JSON.stringify(data)
})

document.querySelector('form').addEventListener('submit', function (ev) {
  ev.preventDefault()
  p.signal(JSON.parse(document.querySelector('#incoming').value))
})

p.on('connect', function () {
  console.log('CONNECT')
  p.send(name + Math.random())
})

p.on('data', function (data) {
  console.log('data: ' + data)
})