Big rewrite for WebRTC processing

www/webrtc.html

@@ -37,7 +37,6 @@
 
             pc.createOffer().then(offer => {
                 pc.setLocalDescription(offer).then(() => {
-                    console.log(offer.sdp);
                     const msg = {type: 'webrtc/offer', value: pc.localDescription.sdp};
                     ws.send(JSON.stringify(msg));
                 });
@@ -82,14 +81,10 @@
             video.srcObject = ev.streams[0];
         }
 
-        // Safari don't support "offerToReceiveVideo"
-        // so need to create transeivers manually
-        pc.addTransceiver('video', {direction: 'recvonly'});
-        pc.addTransceiver('audio', {direction: 'recvonly'});
-
         if (stream) {
             stream.getTracks().forEach(track => {
-                const sender = pc.addTrack(track, stream)
+                pc.addTransceiver('audio', {direction: 'sendonly'});
+                const sender = pc.addTrack(track, stream);
                 // track.stop();
                 // setTimeout(() => {
                 //     navigator.mediaDevices.getUserMedia({audio: true}).then(stream => {
@@ -100,6 +95,11 @@
                 // }, 10000);
             });
         }
+
+        // Safari don't support "offerToReceiveVideo"
+        // so need to create transeivers manually
+        pc.addTransceiver('video', {direction: 'recvonly'});
+        pc.addTransceiver('audio', {direction: 'recvonly'});
     }
 
     if (navigator.mediaDevices) {