vzakharchenko · homeautomaton · May 13, 2023 · May 31, 2023 · May 31, 2023 · May 31, 2023
diff --git a/CameraDevice/CameraDevice.wgt b/CameraDevice/CameraDevice.wgt
diff --git a/CameraDevice/icon.png b/CameraDevice/icon.png
diff --git a/CameraDevice/images/tizen_32.png b/CameraDevice/images/tizen_32.png
diff --git a/CameraDevice/index.html b/CameraDevice/index.html
@@ -5,46 +5,45 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
     <meta name="description" content="Tizen basic template generated by Tizen Web IDE"/>
 
-    <title>Tizen Web IDE - Tizen - Samsung Tizen TV basic Application</title>
+    <title>Camera App</title>
 
-    <script src="main.js"></script>
     <style>
 
+.container {
+  position: relative;
+  text-align: center;
+  color: white;
+  width: 100%; 
+  height: 100%; 
+  position: absolute; 
+  top: 0; 
+  left: 0; 
+}
+
+/* Centered text */
+.centered {
+  font-size: 200px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
     </style>
 </head>
 
 <body>
-<table  id="canvas"  BGCOLOR="#000000" BORDER=0 CELLSPACING=0 CELLPADDING=0>
+<div class="container">
+<table id="canvas" BGCOLOR="#000000" BORDER=0 CELLSPACING=0 CELLPADDING=0>
 </table>
+  <div class="centered" id="notice"></div>
+</div>
 </body>
+<script src="main.js"></script>
 <script type="text/javascript" src="jsmpeg.min.js"></script>
 <script type="text/javascript">
-    getInfo(function (resp) {
-        var mode = resp.mode;
-        var num = 1;
-        if (mode === 4) {
-            num = 2;
-        } else if (mode === 16) {
-            num = 4;
-        }
-        var table = document.getElementById("canvas");
-        var trs = [];
-        var tds = [];
-        for (var i = 1; i < mode + 1; i++) {
-            if (i !== 1 && (i - 1) % num === 0) {
-                trs.push('<tr>' + tds.join('\n') + '</tr>');
-                tds = [];
-            }
-            tds.push('<td> <canvas id="canvas' + i + '"/> </td>');
-        }
-        trs.push('<tr>' + tds.join('\n') + '</tr>');
-        table.innerHTML = trs.join('\n');
-        for (var _i = 0; _i < mode; _i++) {
-            var url = 'ws://' + serverInfo.ip + ':' + (9999 + _i);
-            new JSMpeg.Player(url, {
-                canvas: document.getElementById('canvas' + (_i + 1))
-            });
-        }
-    })
+    var currentChannel = 0;
+    var channelCount = 0;
+    load_lib( function () { getInfo( function (resp) { lib.render( resp ) } ) } )
 </script>
 </html>
diff --git a/CameraDevice/jsmpeg.min.js b/CameraDevice/jsmpeg.min.js