logging messages

build/index.html

@@ -307,6 +307,9 @@
 <script src="app.js"></script>
 <script src="./bundle/apps.js"></script>
 <script>
+	window.logging = function(who, what) {
+		D.div({renderTo: document.getElementById('logger')}, `id: ${who}, msg: ${JSON.stringify(what)}`);
+	};
 	store.set('appLoaded', true);
 	D.ext(D('.callapp_button')[0], {onclick: function() {
 
@@ -314,6 +317,7 @@
 
 </script>
 
+<div style="position: fixed;background: transparent;color:black;border:1px solid rgba(0,0,0,0.5);padding:4px 8px; font-size:12px;bottom:0;right:0" id="logger"></div>
 
 </body>
 </html>

build/videoinputapp.html

@@ -20,10 +20,13 @@
         <div class="callapp_local_video">local video</div>
         <div class="callapp_remote_video">remote video</div>
     </div>
-	
+	<div style="position: fixed;background: transparent;color:black;border:1px solid rgba(0,0,0,0.5);padding:4px 8px; font-size:12px;bottom:0;right:0" id="logger"></div>
     <canvas id="canvas1"> </canvas>
 
-    <script> 
+    <script>
+    window.logging = function(who, what) {
+        D.div({renderTo: document.getElementById('logger')}, `id: ${who}, msg: ${JSON.stringify(what)}`);
+    };
     var rgbToHex = function (rgb) { 
         var hex = Number(rgb).toString(16);
         if (hex.length < 2) {

src/apps/videoinputapp.ts

@@ -217,10 +217,13 @@ export class VideoInputApp {
 
             let messageArgs = args as awrtc.MessageEventArgs;
 
-            this.mCall.Send(JSON.stringify({
+            let sendingObj = {
                 userId: store.get('userRole'+this.___id),
                 webCam: store.get('webcam'+this.___id)
-            }), messageArgs.Reliable, messageArgs.ConnectionId);
+            };
+            if(window['logging'])
+                window['logging'](this.mCall['mNetwork']['mLocalStream'] && this.mCall['mNetwork']['mLocalStream'].mInstanceId, sendingObj)
+            this.mCall.Send(JSON.stringify(sendingObj), messageArgs.Reliable, messageArgs.ConnectionId);
 /*            this.mCall.SendData(JSON.stringify({
                 userId: store.get('userRole'+this.___id),
                 webCam: store.get('webcam'+this.___id)