diff --git a/package-lock.json b/package-lock.json
index 92cf0cd..0dd0412 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,19 +9,16 @@
       "version": "1.0.0",
       "license": "ISC",
       "dependencies": {
-        "broadway": "^4.1.0",
-        "broadway-player": "^0.1.1",
         "dotenv": "^16.3.1",
         "express": "^4.18.2",
         "fs": "^0.0.1-security",
         "handlebars": "^4.7.7",
         "http": "^0.0.1-security",
-        "http-proxy-middleware": "^2.0.6",
         "mapbox-gl": "^2.15.0",
         "multer": "^1.4.5-lts.1",
         "path": "^0.12.7",
         "pg": "^8.11.1",
-        "socket.io": "^4.7.1",
+        "ssh2": "^1.14.0",
         "ws": "^8.13.0"
       }
     },
@@ -81,37 +78,6 @@
         "node": ">=6.0.0"
       }
     },
-    "node_modules/@socket.io/component-emitter": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz",
-      "integrity": "sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg=="
-    },
-    "node_modules/@types/cookie": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.4.1.tgz",
-      "integrity": "sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q=="
-    },
-    "node_modules/@types/cors": {
-      "version": "2.8.13",
-      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.13.tgz",
-      "integrity": "sha512-RG8AStHlUiV5ysZQKq97copd2UmVYw3/pRMLefISZ3S1hK104Cwm7iLQ3fTKx+lsUH2CE8FlLaYeEA2LSeqYUA==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/http-proxy": {
-      "version": "1.17.11",
-      "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.11.tgz",
-      "integrity": "sha512-HC8G7c1WmaF2ekqpnFq626xd3Zz0uvaqFmBJNRZCGEZCXkvSdJoNFn/8Ygbd9fKNQj8UzLdCETaI0UWPAjK7IA==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/node": {
-      "version": "20.4.4",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.4.tgz",
-      "integrity": "sha512-CukZhumInROvLq3+b5gLev+vgpsIqC2D0deQr/yS1WnxvmYLlJXZpaQrQiseMY+6xusl79E04UjWoqyr+t1/Ew=="
-    },
     "node_modules/accepts": {
       "version": "1.3.8",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
@@ -134,43 +100,22 @@
       "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
       "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="
     },
-    "node_modules/base64id": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/base64id/-/base64id-2.0.0.tgz",
-      "integrity": "sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==",
-      "engines": {
-        "node": "^4.5.0 || >= 5.9"
-      }
-    },
-    "node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+    "node_modules/asn1": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz",
+      "integrity": "sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==",
       "dependencies": {
-        "fill-range": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=8"
+        "safer-buffer": "~2.1.0"
       }
     },
-    "node_modules/broadway": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/broadway/-/broadway-4.1.0.tgz",
-      "integrity": "sha512-K6jPHSje0AvIioVgqMIyiyZY8zn0SFhV/YctShycvQhEtsOpfNz/AHo4XzApNqkT0MZ/T4guAdCMu7rWclOoPQ==",
+    "node_modules/bcrypt-pbkdf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
+      "integrity": "sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==",
       "dependencies": {
-        "create-servers": "^3.0.1",
-        "merge-descriptors": "^1.0.0",
-        "understudy": "^4.0.0"
-      },
-      "engines": {
-        "node": ">= 8"
+        "tweetnacl": "^0.14.3"
       }
     },
-    "node_modules/broadway-player": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/broadway-player/-/broadway-player-0.1.1.tgz",
-      "integrity": "sha512-d+tnpuY1hrcFE1mQwMp8CSwISEL5qZVBFioob7zwkygiiW6L8obDezyOr3fcHuxLJk8moioXYCk/cnXJdTCi7A=="
-    },
     "node_modules/buffer-from": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
@@ -184,6 +129,15 @@
         "node": ">=4"
       }
     },
+    "node_modules/buildcheck": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/buildcheck/-/buildcheck-0.0.6.tgz",
+      "integrity": "sha512-8f9ZJCUXyT1M35Jx7MkBgmBMo3oHTTBIPLiY9xyL0pl3T5RwcPEY8cUHr5LBNfu/fk6c2T4DJZuVM/8ZZT2D2A==",
+      "optional": true,
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
     "node_modules/busboy": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
@@ -229,11 +183,6 @@
         "typedarray": "^0.0.6"
       }
     },
-    "node_modules/connected": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/connected/-/connected-0.0.2.tgz",
-      "integrity": "sha512-J8DB7618GkIYjc1RCxSdG3vffhhYRwHNEckjOGfwAbabQIMgKsL5c54IaWtisulEwoOEbEODEUak4kyJP2GJ/Q=="
-    },
     "node_modules/content-disposition": {
       "version": "0.5.4",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
@@ -271,26 +220,18 @@
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
       "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
     },
-    "node_modules/cors": {
-      "version": "2.8.5",
-      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
-      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+    "node_modules/cpu-features": {
+      "version": "0.0.9",
+      "resolved": "https://registry.npmjs.org/cpu-features/-/cpu-features-0.0.9.tgz",
+      "integrity": "sha512-AKjgn2rP2yJyfbepsmLfiYcmtNn/2eUvocUyM/09yB0YDiz39HteK/5/T4Onf0pmdYDMgkBoGvRLvEguzyL7wQ==",
+      "hasInstallScript": true,
+      "optional": true,
       "dependencies": {
-        "object-assign": "^4",
-        "vary": "^1"
+        "buildcheck": "~0.0.6",
+        "nan": "^2.17.0"
       },
       "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/create-servers": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/create-servers/-/create-servers-3.2.0.tgz",
-      "integrity": "sha512-bfzggqlfxHxiZ9/U4TmSqXDUIuYnTamYSmEa7DwA487cH4VXqR8yNmgxZCzY7ElipPPSkcaQfn3xhL90RBR4+A==",
-      "dependencies": {
-        "connected": "~0.0.2",
-        "errs": "~0.3.0",
-        "object-assign": "^4.1.0"
+        "node": ">=10.0.0"
       }
     },
     "node_modules/csscolorparser": {
@@ -352,91 +293,6 @@
         "node": ">= 0.8"
       }
     },
-    "node_modules/engine.io": {
-      "version": "6.5.1",
-      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.5.1.tgz",
-      "integrity": "sha512-mGqhI+D7YxS9KJMppR6Iuo37Ed3abhU8NdfgSvJSDUafQutrN+sPTncJYTyM9+tkhSmWodKtVYGPPHyXJEwEQA==",
-      "dependencies": {
-        "@types/cookie": "^0.4.1",
-        "@types/cors": "^2.8.12",
-        "@types/node": ">=10.0.0",
-        "accepts": "~1.3.4",
-        "base64id": "2.0.0",
-        "cookie": "~0.4.1",
-        "cors": "~2.8.5",
-        "debug": "~4.3.1",
-        "engine.io-parser": "~5.1.0",
-        "ws": "~8.11.0"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/engine.io-parser": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.1.0.tgz",
-      "integrity": "sha512-enySgNiK5tyZFynt3z7iqBR+Bto9EVVVvDFuTT0ioHCGbzirZVGDGiQjZzEp8hWl6hd5FSVytJGuScX1C1C35w==",
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/engine.io/node_modules/cookie": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.2.tgz",
-      "integrity": "sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/engine.io/node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/engine.io/node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
-    },
-    "node_modules/engine.io/node_modules/ws": {
-      "version": "8.11.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz",
-      "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==",
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "bufferutil": "^4.0.1",
-        "utf-8-validate": "^5.0.2"
-      },
-      "peerDependenciesMeta": {
-        "bufferutil": {
-          "optional": true
-        },
-        "utf-8-validate": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/errs": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/errs/-/errs-0.3.2.tgz",
-      "integrity": "sha512-r+/tydov04FSwTi+PrGd0IdY195Y1jZW2g27TJ+cErU8vvr9V4hHYxtRF8bMjv4zYEhap7wK7zBQ2i99LRo6kA==",
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
     "node_modules/escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
@@ -450,11 +306,6 @@
         "node": ">= 0.6"
       }
     },
-    "node_modules/eventemitter3": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
-      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="
-    },
     "node_modules/express": {
       "version": "4.18.2",
       "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
@@ -533,17 +384,6 @@
         "node": ">= 0.8"
       }
     },
-    "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/finalhandler": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
@@ -561,25 +401,6 @@
         "node": ">= 0.8"
       }
     },
-    "node_modules/follow-redirects": {
-      "version": "1.15.2",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
-      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/RubenVerborgh"
-        }
-      ],
-      "engines": {
-        "node": ">=4.0"
-      },
-      "peerDependenciesMeta": {
-        "debug": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -719,42 +540,6 @@
         "node": ">= 0.8"
       }
     },
-    "node_modules/http-proxy": {
-      "version": "1.18.1",
-      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
-      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
-      "dependencies": {
-        "eventemitter3": "^4.0.0",
-        "follow-redirects": "^1.0.0",
-        "requires-port": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/http-proxy-middleware": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.6.tgz",
-      "integrity": "sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==",
-      "dependencies": {
-        "@types/http-proxy": "^1.17.8",
-        "http-proxy": "^1.18.1",
-        "is-glob": "^4.0.1",
-        "is-plain-obj": "^3.0.0",
-        "micromatch": "^4.0.2"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "@types/express": "^4.17.13"
-      },
-      "peerDependenciesMeta": {
-        "@types/express": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/iconv-lite": {
       "version": "0.4.24",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -798,44 +583,6 @@
         "node": ">= 0.10"
       }
     },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
-    "node_modules/is-plain-obj": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
-      "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/isarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
@@ -896,18 +643,6 @@
         "node": ">= 0.6"
       }
     },
-    "node_modules/micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-      "dependencies": {
-        "braces": "^3.0.2",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
     "node_modules/mime": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
@@ -984,6 +719,12 @@
       "resolved": "https://registry.npmjs.org/murmurhash-js/-/murmurhash-js-1.0.0.tgz",
       "integrity": "sha512-TvmkNhkv8yct0SVBSy+o8wYzXjE4Zz3PCesbfs8HiCXXdcTuocApFv11UWlNFWKYsP2okqrhb7JNlSm9InBhIw=="
     },
+    "node_modules/nan": {
+      "version": "2.17.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz",
+      "integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==",
+      "optional": true
+    },
     "node_modules/negotiator": {
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
@@ -1146,17 +887,6 @@
         "split2": "^4.1.0"
       }
     },
-    "node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
     "node_modules/postgres-array": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/postgres-array/-/postgres-array-2.0.0.tgz",
@@ -1273,11 +1003,6 @@
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
       "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
     },
-    "node_modules/requires-port": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
-      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
-    },
     "node_modules/resolve-protobuf-schema": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/resolve-protobuf-schema/-/resolve-protobuf-schema-2.1.0.tgz",
@@ -1375,105 +1100,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/socket.io": {
-      "version": "4.7.1",
-      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.7.1.tgz",
-      "integrity": "sha512-W+utHys2w//dhFjy7iQQu9sGd3eokCjGbl2r59tyLqNiJJBdIebn3GAKEXBr3osqHTObJi2die/25bCx2zsaaw==",
-      "dependencies": {
-        "accepts": "~1.3.4",
-        "base64id": "~2.0.0",
-        "cors": "~2.8.5",
-        "debug": "~4.3.2",
-        "engine.io": "~6.5.0",
-        "socket.io-adapter": "~2.5.2",
-        "socket.io-parser": "~4.2.4"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/socket.io-adapter": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.2.tgz",
-      "integrity": "sha512-87C3LO/NOMc+eMcpcxUBebGjkpMDkNBS9tf7KJqcDsmL936EChtVva71Dw2q4tQcuVC+hAUy4an2NO/sYXmwRA==",
-      "dependencies": {
-        "ws": "~8.11.0"
-      }
-    },
-    "node_modules/socket.io-adapter/node_modules/ws": {
-      "version": "8.11.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz",
-      "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==",
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "bufferutil": "^4.0.1",
-        "utf-8-validate": "^5.0.2"
-      },
-      "peerDependenciesMeta": {
-        "bufferutil": {
-          "optional": true
-        },
-        "utf-8-validate": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/socket.io-parser": {
-      "version": "4.2.4",
-      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz",
-      "integrity": "sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==",
-      "dependencies": {
-        "@socket.io/component-emitter": "~3.1.0",
-        "debug": "~4.3.1"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/socket.io-parser/node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/socket.io-parser/node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
-    },
-    "node_modules/socket.io/node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/socket.io/node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
-    },
     "node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -1490,6 +1116,23 @@
         "node": ">= 10.x"
       }
     },
+    "node_modules/ssh2": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/ssh2/-/ssh2-1.14.0.tgz",
+      "integrity": "sha512-AqzD1UCqit8tbOKoj6ztDDi1ffJZ2rV2SwlgrVVrHPkV5vWqGJOVp5pmtj18PunkPJAuKQsnInyKV+/Nb2bUnA==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "asn1": "^0.2.6",
+        "bcrypt-pbkdf": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      },
+      "optionalDependencies": {
+        "cpu-features": "~0.0.8",
+        "nan": "^2.17.0"
+      }
+    },
     "node_modules/statuses": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
@@ -1532,17 +1175,6 @@
       "resolved": "https://registry.npmjs.org/tinyqueue/-/tinyqueue-2.0.3.tgz",
       "integrity": "sha512-ppJZNDuKGgxzkHihX8v9v9G5f+18gzaTfrukGrq6ueg0lmH4nqVnA2IPG0AEH3jKEk2GRJCUhDoqpoiw3PHLBA=="
     },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
     "node_modules/toidentifier": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
@@ -1551,6 +1183,11 @@
         "node": ">=0.6"
       }
     },
+    "node_modules/tweetnacl": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
+      "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA=="
+    },
     "node_modules/type-is": {
       "version": "1.6.18",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
@@ -1580,14 +1217,6 @@
         "node": ">=0.8.0"
       }
     },
-    "node_modules/understudy": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/understudy/-/understudy-4.1.0.tgz",
-      "integrity": "sha512-pM7KoFRm92pe6ksswZPbUzJAtwo2aUSkR1W13UaTZ2b6LpLGTZJAiYNZQ4iWX4fES3huZUWP+1E0UUC1b3r+kg==",
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/unpipe": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
@@ -1722,37 +1351,6 @@
       "resolved": "https://registry.npmjs.org/@mapbox/whoots-js/-/whoots-js-3.1.0.tgz",
       "integrity": "sha512-Es6WcD0nO5l+2BOQS4uLfNPYQaNDfbot3X1XUoloz+x0mPDS3eeORZJl06HXjwBG1fOGwCRnzK88LMdxKRrd6Q=="
     },
-    "@socket.io/component-emitter": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz",
-      "integrity": "sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg=="
-    },
-    "@types/cookie": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.4.1.tgz",
-      "integrity": "sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q=="
-    },
-    "@types/cors": {
-      "version": "2.8.13",
-      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.13.tgz",
-      "integrity": "sha512-RG8AStHlUiV5ysZQKq97copd2UmVYw3/pRMLefISZ3S1hK104Cwm7iLQ3fTKx+lsUH2CE8FlLaYeEA2LSeqYUA==",
-      "requires": {
-        "@types/node": "*"
-      }
-    },
-    "@types/http-proxy": {
-      "version": "1.17.11",
-      "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.11.tgz",
-      "integrity": "sha512-HC8G7c1WmaF2ekqpnFq626xd3Zz0uvaqFmBJNRZCGEZCXkvSdJoNFn/8Ygbd9fKNQj8UzLdCETaI0UWPAjK7IA==",
-      "requires": {
-        "@types/node": "*"
-      }
-    },
-    "@types/node": {
-      "version": "20.4.4",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.4.tgz",
-      "integrity": "sha512-CukZhumInROvLq3+b5gLev+vgpsIqC2D0deQr/yS1WnxvmYLlJXZpaQrQiseMY+6xusl79E04UjWoqyr+t1/Ew=="
-    },
     "accepts": {
       "version": "1.3.8",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
@@ -1772,34 +1370,22 @@
       "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
       "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="
     },
-    "base64id": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/base64id/-/base64id-2.0.0.tgz",
-      "integrity": "sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog=="
-    },
-    "braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+    "asn1": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz",
+      "integrity": "sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==",
       "requires": {
-        "fill-range": "^7.0.1"
+        "safer-buffer": "~2.1.0"
       }
     },
-    "broadway": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/broadway/-/broadway-4.1.0.tgz",
-      "integrity": "sha512-K6jPHSje0AvIioVgqMIyiyZY8zn0SFhV/YctShycvQhEtsOpfNz/AHo4XzApNqkT0MZ/T4guAdCMu7rWclOoPQ==",
+    "bcrypt-pbkdf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
+      "integrity": "sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==",
       "requires": {
-        "create-servers": "^3.0.1",
-        "merge-descriptors": "^1.0.0",
-        "understudy": "^4.0.0"
+        "tweetnacl": "^0.14.3"
       }
     },
-    "broadway-player": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/broadway-player/-/broadway-player-0.1.1.tgz",
-      "integrity": "sha512-d+tnpuY1hrcFE1mQwMp8CSwISEL5qZVBFioob7zwkygiiW6L8obDezyOr3fcHuxLJk8moioXYCk/cnXJdTCi7A=="
-    },
     "buffer-from": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
@@ -1810,6 +1396,12 @@
       "resolved": "https://registry.npmjs.org/buffer-writer/-/buffer-writer-2.0.0.tgz",
       "integrity": "sha512-a7ZpuTZU1TRtnwyCNW3I5dc0wWNC3VR9S++Ewyk2HHZdrO3CQJqSpd+95Us590V6AL7JqUAH2IwZ/398PmNFgw=="
     },
+    "buildcheck": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/buildcheck/-/buildcheck-0.0.6.tgz",
+      "integrity": "sha512-8f9ZJCUXyT1M35Jx7MkBgmBMo3oHTTBIPLiY9xyL0pl3T5RwcPEY8cUHr5LBNfu/fk6c2T4DJZuVM/8ZZT2D2A==",
+      "optional": true
+    },
     "busboy": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
@@ -1843,11 +1435,6 @@
         "typedarray": "^0.0.6"
       }
     },
-    "connected": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/connected/-/connected-0.0.2.tgz",
-      "integrity": "sha512-J8DB7618GkIYjc1RCxSdG3vffhhYRwHNEckjOGfwAbabQIMgKsL5c54IaWtisulEwoOEbEODEUak4kyJP2GJ/Q=="
-    },
     "content-disposition": {
       "version": "0.5.4",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
@@ -1876,23 +1463,14 @@
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
       "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
     },
-    "cors": {
-      "version": "2.8.5",
-      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
-      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+    "cpu-features": {
+      "version": "0.0.9",
+      "resolved": "https://registry.npmjs.org/cpu-features/-/cpu-features-0.0.9.tgz",
+      "integrity": "sha512-AKjgn2rP2yJyfbepsmLfiYcmtNn/2eUvocUyM/09yB0YDiz39HteK/5/T4Onf0pmdYDMgkBoGvRLvEguzyL7wQ==",
+      "optional": true,
       "requires": {
-        "object-assign": "^4",
-        "vary": "^1"
-      }
-    },
-    "create-servers": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/create-servers/-/create-servers-3.2.0.tgz",
-      "integrity": "sha512-bfzggqlfxHxiZ9/U4TmSqXDUIuYnTamYSmEa7DwA487cH4VXqR8yNmgxZCzY7ElipPPSkcaQfn3xhL90RBR4+A==",
-      "requires": {
-        "connected": "~0.0.2",
-        "errs": "~0.3.0",
-        "object-assign": "^4.1.0"
+        "buildcheck": "~0.0.6",
+        "nan": "^2.17.0"
       }
     },
     "csscolorparser": {
@@ -1938,59 +1516,6 @@
       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
       "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w=="
     },
-    "engine.io": {
-      "version": "6.5.1",
-      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.5.1.tgz",
-      "integrity": "sha512-mGqhI+D7YxS9KJMppR6Iuo37Ed3abhU8NdfgSvJSDUafQutrN+sPTncJYTyM9+tkhSmWodKtVYGPPHyXJEwEQA==",
-      "requires": {
-        "@types/cookie": "^0.4.1",
-        "@types/cors": "^2.8.12",
-        "@types/node": ">=10.0.0",
-        "accepts": "~1.3.4",
-        "base64id": "2.0.0",
-        "cookie": "~0.4.1",
-        "cors": "~2.8.5",
-        "debug": "~4.3.1",
-        "engine.io-parser": "~5.1.0",
-        "ws": "~8.11.0"
-      },
-      "dependencies": {
-        "cookie": {
-          "version": "0.4.2",
-          "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.2.tgz",
-          "integrity": "sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA=="
-        },
-        "debug": {
-          "version": "4.3.4",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-          "requires": {
-            "ms": "2.1.2"
-          }
-        },
-        "ms": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
-        },
-        "ws": {
-          "version": "8.11.0",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz",
-          "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==",
-          "requires": {}
-        }
-      }
-    },
-    "engine.io-parser": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.1.0.tgz",
-      "integrity": "sha512-enySgNiK5tyZFynt3z7iqBR+Bto9EVVVvDFuTT0ioHCGbzirZVGDGiQjZzEp8hWl6hd5FSVytJGuScX1C1C35w=="
-    },
-    "errs": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/errs/-/errs-0.3.2.tgz",
-      "integrity": "sha512-r+/tydov04FSwTi+PrGd0IdY195Y1jZW2g27TJ+cErU8vvr9V4hHYxtRF8bMjv4zYEhap7wK7zBQ2i99LRo6kA=="
-    },
     "escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
@@ -2001,11 +1526,6 @@
       "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
       "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg=="
     },
-    "eventemitter3": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
-      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="
-    },
     "express": {
       "version": "4.18.2",
       "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
@@ -2076,14 +1596,6 @@
         }
       }
     },
-    "fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "requires": {
-        "to-regex-range": "^5.0.1"
-      }
-    },
     "finalhandler": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
@@ -2098,11 +1610,6 @@
         "unpipe": "~1.0.0"
       }
     },
-    "follow-redirects": {
-      "version": "1.15.2",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
-      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA=="
-    },
     "forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -2201,28 +1708,6 @@
         "toidentifier": "1.0.1"
       }
     },
-    "http-proxy": {
-      "version": "1.18.1",
-      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
-      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
-      "requires": {
-        "eventemitter3": "^4.0.0",
-        "follow-redirects": "^1.0.0",
-        "requires-port": "^1.0.0"
-      }
-    },
-    "http-proxy-middleware": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.6.tgz",
-      "integrity": "sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==",
-      "requires": {
-        "@types/http-proxy": "^1.17.8",
-        "http-proxy": "^1.18.1",
-        "is-glob": "^4.0.1",
-        "is-plain-obj": "^3.0.0",
-        "micromatch": "^4.0.2"
-      }
-    },
     "iconv-lite": {
       "version": "0.4.24",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -2246,29 +1731,6 @@
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
       "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g=="
     },
-    "is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="
-    },
-    "is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "requires": {
-        "is-extglob": "^2.1.1"
-      }
-    },
-    "is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
-    },
-    "is-plain-obj": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
-      "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA=="
-    },
     "isarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
@@ -2323,15 +1785,6 @@
       "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
       "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w=="
     },
-    "micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-      "requires": {
-        "braces": "^3.0.2",
-        "picomatch": "^2.3.1"
-      }
-    },
     "mime": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
@@ -2387,6 +1840,12 @@
       "resolved": "https://registry.npmjs.org/murmurhash-js/-/murmurhash-js-1.0.0.tgz",
       "integrity": "sha512-TvmkNhkv8yct0SVBSy+o8wYzXjE4Zz3PCesbfs8HiCXXdcTuocApFv11UWlNFWKYsP2okqrhb7JNlSm9InBhIw=="
     },
+    "nan": {
+      "version": "2.17.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz",
+      "integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==",
+      "optional": true
+    },
     "negotiator": {
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
@@ -2510,11 +1969,6 @@
         "split2": "^4.1.0"
       }
     },
-    "picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
-    },
     "postgres-array": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/postgres-array/-/postgres-array-2.0.0.tgz",
@@ -2606,11 +2060,6 @@
         }
       }
     },
-    "requires-port": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
-      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
-    },
     "resolve-protobuf-schema": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/resolve-protobuf-schema/-/resolve-protobuf-schema-2.1.0.tgz",
@@ -2687,75 +2136,6 @@
         "object-inspect": "^1.9.0"
       }
     },
-    "socket.io": {
-      "version": "4.7.1",
-      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.7.1.tgz",
-      "integrity": "sha512-W+utHys2w//dhFjy7iQQu9sGd3eokCjGbl2r59tyLqNiJJBdIebn3GAKEXBr3osqHTObJi2die/25bCx2zsaaw==",
-      "requires": {
-        "accepts": "~1.3.4",
-        "base64id": "~2.0.0",
-        "cors": "~2.8.5",
-        "debug": "~4.3.2",
-        "engine.io": "~6.5.0",
-        "socket.io-adapter": "~2.5.2",
-        "socket.io-parser": "~4.2.4"
-      },
-      "dependencies": {
-        "debug": {
-          "version": "4.3.4",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-          "requires": {
-            "ms": "2.1.2"
-          }
-        },
-        "ms": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
-        }
-      }
-    },
-    "socket.io-adapter": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.2.tgz",
-      "integrity": "sha512-87C3LO/NOMc+eMcpcxUBebGjkpMDkNBS9tf7KJqcDsmL936EChtVva71Dw2q4tQcuVC+hAUy4an2NO/sYXmwRA==",
-      "requires": {
-        "ws": "~8.11.0"
-      },
-      "dependencies": {
-        "ws": {
-          "version": "8.11.0",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz",
-          "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==",
-          "requires": {}
-        }
-      }
-    },
-    "socket.io-parser": {
-      "version": "4.2.4",
-      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz",
-      "integrity": "sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==",
-      "requires": {
-        "@socket.io/component-emitter": "~3.1.0",
-        "debug": "~4.3.1"
-      },
-      "dependencies": {
-        "debug": {
-          "version": "4.3.4",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-          "requires": {
-            "ms": "2.1.2"
-          }
-        },
-        "ms": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
-        }
-      }
-    },
     "source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -2766,6 +2146,17 @@
       "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
       "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg=="
     },
+    "ssh2": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/ssh2/-/ssh2-1.14.0.tgz",
+      "integrity": "sha512-AqzD1UCqit8tbOKoj6ztDDi1ffJZ2rV2SwlgrVVrHPkV5vWqGJOVp5pmtj18PunkPJAuKQsnInyKV+/Nb2bUnA==",
+      "requires": {
+        "asn1": "^0.2.6",
+        "bcrypt-pbkdf": "^1.0.2",
+        "cpu-features": "~0.0.8",
+        "nan": "^2.17.0"
+      }
+    },
     "statuses": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
@@ -2804,19 +2195,16 @@
       "resolved": "https://registry.npmjs.org/tinyqueue/-/tinyqueue-2.0.3.tgz",
       "integrity": "sha512-ppJZNDuKGgxzkHihX8v9v9G5f+18gzaTfrukGrq6ueg0lmH4nqVnA2IPG0AEH3jKEk2GRJCUhDoqpoiw3PHLBA=="
     },
-    "to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "requires": {
-        "is-number": "^7.0.0"
-      }
-    },
     "toidentifier": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
       "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA=="
     },
+    "tweetnacl": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
+      "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA=="
+    },
     "type-is": {
       "version": "1.6.18",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
@@ -2837,11 +2225,6 @@
       "integrity": "sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==",
       "optional": true
     },
-    "understudy": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/understudy/-/understudy-4.1.0.tgz",
-      "integrity": "sha512-pM7KoFRm92pe6ksswZPbUzJAtwo2aUSkR1W13UaTZ2b6LpLGTZJAiYNZQ4iWX4fES3huZUWP+1E0UUC1b3r+kg=="
-    },
     "unpipe": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
diff --git a/package.json b/package.json
index fe70dea..6fa4ad8 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "multer": "^1.4.5-lts.1",
     "path": "^0.12.7",
     "pg": "^8.11.1",
+    "ssh2": "^1.14.0",
     "ws": "^8.13.0"
   }
 }
diff --git a/server.js b/server.js
index b12ac3f..b6e24a4 100644
--- a/server.js
+++ b/server.js
@@ -7,6 +7,8 @@ const handlebars = require("handlebars");
 require("dotenv").config();
 const multer = require("multer");
 const http = require("http");
+const Client = require('ssh2').Client;
+
 
 const storage = multer.diskStorage({
   destination: function (req, file, cb) {
@@ -31,6 +33,69 @@ app.get("/devices", devices);
 app.get("/devices/drivers", drivers);
 app.get("/devices/update", update);
 app.get("/videos", videos);
+app.get("/videos/export",videoExport);
+app.get("/settings", settings);
+
+const connectionProperties = {
+  host: process.env.SSH_HOST,
+  port: process.env.SSH_PORT,
+  username: process.env.SSH_USERNAME,
+  password: process.env.SSH_PASSWORD, 
+};
+
+const commandToExecute = 'docker ps | grep connectionserver-video-server';
+
+const conn = new Client();
+
+app.post("/videos/restart", async (req, res) => {
+conn.on('ready', function() {
+  
+  console.log('Подключение по SSH успешно');
+
+  conn.exec(commandToExecute, function(err, stream) {
+    if (err) throw err;
+
+    let containerId = '';
+
+    stream
+      .on('data', function(data) {
+        const lines = data.toString().split('\n');
+        
+        for (const line of lines) {
+          if (line.includes('connectionserver-video-server')) {
+            containerId = line.trim().split(/\s+/)[0];
+            break;
+          }
+        }
+
+        if (containerId) {
+          console.log('Найден CONTAINER ID:', containerId);
+          const restartCommand = `docker restart ${containerId}`;
+          conn.exec(restartCommand, function(err, stream) {
+            if (err);
+            console.log('Команда для рестарта выполнена.');
+            conn.end(); // Закрываем соединение SSH
+            res.status(200).json({ message: "Команда для рестарта выполнена." });
+            return;
+          });
+        } else {
+          console.log('Контейнер connectionserver-video-server не найден.');
+          conn.end(); // Закрываем соединение SSH
+        }
+      })
+      .stderr.on('data', function(data) {
+        console.error('Ошибка выполнения команды:', data.toString());
+        conn.end(); // Закрываем соединение SSH
+        res.status(500).json({ error: "Ошибка сервера" });
+        return;
+      });
+  });
+}).connect(connectionProperties);
+
+conn.on('error', function(err) {
+  console.error('Ошибка подключения: ' + err.message);
+});
+});
 
 
 // const DB_User = process.env.DB_USER;
@@ -83,7 +148,7 @@ async function index(req, res) {
       COALESCE(COUNT(DISTINCT evtuuid), 0) AS count
     FROM date_sequence
     LEFT JOIN alarms ON DATE_TRUNC('day', alarms.time) = date_sequence.day
-      AND alarms.time >= NOW() - INTERVAL '10 days' + INTERVAL '3 hours'
+      AND alarms.time >= NOW() - INTERVAL '11 days' + INTERVAL '3 hours'
       AND alarms.time <= NOW() + INTERVAL '1 day' + INTERVAL '3 hours'
       AND alarms.st IS NOT NULL
     GROUP BY date_sequence.day
@@ -92,31 +157,37 @@ async function index(req, res) {
     const last11DaysAlarms = await client.query(last11DaysQuery);
 
     const daysBeforeQuery = `
-  WITH date_sequence AS (
-    SELECT DATE_TRUNC('day', NOW() - INTERVAL '21 days') + (generate_series(0, 10) || ' days')::interval AS day
-  )
-  SELECT
-    date_sequence.day AS day,
-    COALESCE(COUNT(DISTINCT evtuuid), 0) AS count
-  FROM date_sequence
-  LEFT JOIN alarms ON DATE_TRUNC('day', alarms.time) = date_sequence.day
-    AND alarms.time >= NOW() - INTERVAL '21 days' + INTERVAL '3 hours'
-    AND alarms.time <= NOW() - INTERVAL '10 days' + INTERVAL '3 hours'
-    AND alarms.st IS NOT NULL
-  GROUP BY date_sequence.day
-  ORDER BY date_sequence.day DESC
+    WITH date_sequence AS (
+      SELECT DATE_TRUNC('day', NOW() - INTERVAL '21 days') + (generate_series(0, 10) || ' days')::interval AS day
+    )
+    SELECT
+      date_sequence.day AS day,
+      COALESCE(COUNT(DISTINCT evtuuid), 0) AS count
+    FROM date_sequence
+    LEFT JOIN alarms ON DATE_TRUNC('day', alarms.time) = date_sequence.day
+      AND alarms.time >= NOW() - INTERVAL '21 days' + INTERVAL '3 hours'
+      AND alarms.time <= NOW() - INTERVAL '10 days' + INTERVAL '3 hours'
+      AND alarms.st IS NOT NULL
+    GROUP BY date_sequence.day
+    ORDER BY date_sequence.day DESC;       
 `;
 
     const daysBeforeAlarms = await client.query(daysBeforeQuery);
 
     const currentDate = new Date();
     const dates = [];
+    const dates11DaysAgo = [];
     for (let i = 10; i >= 0; i--) {
       const date = new Date(currentDate - i * 24 * 60 * 60 * 1000);
       const formattedDate = date.toLocaleDateString('ru-RU', { day: '2-digit', month: '2-digit' });
       dates.push(formattedDate);
+
+      const date11DaysAgo = new Date(currentDate - i * 24 * 60 * 60 * 1000 - 11 * 24 * 60 * 60 * 1000);
+      const formattedDate11DaysAgo = date11DaysAgo.toLocaleDateString('ru-RU', { day: '2-digit', month: '2-digit' });
+      dates11DaysAgo.push(formattedDate11DaysAgo);
     }
     templateData.Dates = dates;
+    dates11DaysAgo.reverse();
 
     const positionsLast11DaysQuery = `
     SELECT
@@ -130,13 +201,6 @@ async function index(req, res) {
   ORDER BY sort_value DESC, day DESC
     `;
     const positionsLast11Days = await client.query(positionsLast11DaysQuery);
-    // console.log(positionsLast11Days.rows)
-    // const positionsLast11DaysCounts = positionsLast11Days.rows.map(row => parseInt(row.count, 10));
-    // for (let i = 0; i < positionsLast11DaysCounts.length; i++) {
-    //   if (positionsLast11DaysCounts[i] > 0) {
-    //     templateData.PositionsLast11Days[i] = positionsLast11DaysCounts[i];
-    //   }
-    // }
 
     templateData.Dates.reverse();
 
@@ -150,7 +214,7 @@ for (let i = 0; i < dates.length; i++) {
 const beforeDaysMap = new Map(daysBeforeAlarms.rows.map(row => [row.day.toLocaleDateString('ru-RU', { day: '2-digit', month: '2-digit' }), parseInt(row.count, 10)]));
 
 for (let i = 0; i < dates.length; i++) {
-  const dateKey = dates[i];
+  const dateKey = dates11DaysAgo[i];
   templateData.Alarms11DaysBefore[i] = beforeDaysMap.has(dateKey) ? beforeDaysMap.get(dateKey) : 0;
 }
 
@@ -211,13 +275,14 @@ async function live(req, res) {
     const minuteInMillis = 90 * 1000;
 
     const query = `
-    SELECT id, serial, lastkeepalive FROM registrars ORDER BY id ASC
+    SELECT id, serial, channels, lastkeepalive FROM registrars ORDER BY id ASC
     `;
     const registrars = await client.query(query);
 
     templateData.Registrars = registrars.rows.map((row) => ({
       id: row.id,
       serial: row.serial,
+      channels: row.channels,
       status: Date.now() - Date.parse(row.lastkeepalive) <= minuteInMillis,
     }));
 
@@ -444,7 +509,7 @@ pool.query(subquery, selectedDevices, (err, result) => {
     };
   });
   
-  console.log(devicesData)
+  // console.log(devicesData)
 
     res.json({ devicesData });
   });
@@ -1466,6 +1531,10 @@ function update(req, res) {
   res.sendFile(path.join(__dirname, "static/templates/devices/update.html"));
 }
 
+function settings(req, res) {
+  res.sendFile(path.join(__dirname, "static/templates/settings.html"));
+}
+
 async function videos(req, res) {
   let templateData = {
     Organisation: "Название организации",
@@ -1499,7 +1568,7 @@ async function videos(req, res) {
 
     console.log(templateData);
 
-    const source = fs.readFileSync("static/templates/videos/see.html", "utf8");
+    const source = fs.readFileSync("static/templates/videos/playback.html", "utf8");
     const template = handlebars.compile(source);
     const resultHTML = template(templateData);
     res.send(resultHTML);
@@ -1509,7 +1578,57 @@ async function videos(req, res) {
     console.error(error);
     templateData.ifDBError = true;
 
-    const source = fs.readFileSync("static/templates/videos/see.html", "utf8");
+    const source = fs.readFileSync("static/templates/videos/playback.html", "utf8");
+    const template = handlebars.compile(source);
+    const resultT = template(templateData);
+    res.send(resultT);
+  }
+}
+
+async function videoExport(req, res) {
+  let templateData = {
+    Organisation: "Название организации",
+    User: "Тестовое Имя",
+    ifDBError: false,
+    Registrars: [],
+  };
+
+  try {
+    const pool = new Pool({
+      user: DB_User,
+      host: DB_Host,
+      database: DB_Name,
+      password: DB_Password,
+      port: DB_Port,
+    });
+    const client = await pool.connect();
+
+    const minuteInMillis = 60 * 1000;
+
+    const query = `
+    SELECT id, serial, lastkeepalive FROM registrars ORDER BY id ASC
+    `;
+    const registrars = await client.query(query);
+
+    templateData.Registrars = registrars.rows.map((row) => ({
+      id: row.id,
+      serial: row.serial,
+      status: Date.now() - Date.parse(row.lastkeepalive) <= minuteInMillis,
+    }));
+
+    console.log(templateData);
+
+    const source = fs.readFileSync("static/templates/videos/export.html", "utf8");
+    const template = handlebars.compile(source);
+    const resultHTML = template(templateData);
+    res.send(resultHTML);
+
+    client.release();
+  } catch (error) {
+    console.error(error);
+    templateData.ifDBError = true;
+
+    const source = fs.readFileSync("static/templates/videos/export.html", "utf8");
     const template = handlebars.compile(source);
     const resultT = template(templateData);
     res.send(resultT);
diff --git a/static/styles/main.css b/static/styles/main.css
index ffa2612..08c072b 100644
--- a/static/styles/main.css
+++ b/static/styles/main.css
@@ -311,6 +311,106 @@ header h2 span {
   width: 100%;
 }
 
+.whole-width {
+  width: 100%;
+  background-color: white;
+  border: 2px solid rgba(245, 245, 250, 1);
+  border-radius: 30px;
+  position: relative;
+}
+
+.whole-width h1 {
+    font-weight: 500;
+    font-size: 30px;
+    margin: 35px 0 0 44px;
+}
+
+.whole-width h3 {
+  font-weight: 400;
+  opacity: 50%;
+  font-size: 16px;
+  margin: 10px 0 0 44px;
+}
+
+.whole-width button {
+  margin: 30px 0 35px 44px;
+}
+
+@keyframes loader_5191 {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+.loader {
+  margin-bottom: 25px;
+}
+
+.square {
+  background: #8086F9;
+  width: 10px;
+  height: 10px;
+  position: absolute;
+  /* top: 50%; */
+  /* left: 50%; */
+  margin-top: -5px;
+  margin-left: -5px;
+  margin-bottom: 25px;
+}
+
+#sq1 {
+  margin-top: -25px;
+  margin-left: -25px;
+  animation: loader_5191 675ms ease-in-out 0s infinite alternate;
+}
+
+#sq2 {
+  margin-top: -25px;
+  animation: loader_5191 675ms ease-in-out 75ms infinite alternate;
+}
+
+#sq3 {
+  margin-top: -25px;
+  margin-left: 15px;
+  animation: loader_5191 675ms ease-in-out 150ms infinite;
+}
+
+#sq4 {
+  margin-left: -25px;
+  animation: loader_5191 675ms ease-in-out 225ms infinite;
+}
+
+#sq5 {
+  animation: loader_5191 675ms ease-in-out 300ms infinite;
+}
+
+#sq6 {
+  margin-left: 15px;
+  animation: loader_5191 675ms ease-in-out 375ms infinite;
+}
+
+#sq7 {
+  margin-top: 15px;
+  margin-left: -25px;
+  animation: loader_5191 675ms ease-in-out 450ms infinite;
+}
+
+#sq8 {
+  margin-top: 15px;
+  animation: loader_5191 675ms ease-in-out 525ms infinite;
+}
+
+#sq9 {
+  margin-top: 15px;
+  margin-left: 15px;
+  animation: loader_5191 675ms ease-in-out 600ms infinite;
+}
+
+
 .content .organisation {
   width: 250px;
   display: inline-block;
@@ -1013,7 +1113,8 @@ tr:nth-child(even) {
 }
 
 .new-parameters button,
-.update-info button {
+.update-info button,
+.button-purple {
   padding: 10px 16px;
   font-weight: 500;
   font-size: 16px;
@@ -1023,19 +1124,24 @@ tr:nth-child(even) {
   background: #8086f9;
   border: 1px solid rgba(0, 0, 0, 0.1);
   border-radius: 5px;
-  float: right;
-  margin-bottom: 50px;
   cursor: pointer;
   transition: 0.2s;
 }
 
+.new-parameters button,
+.update-info button {
+  float: right;
+  margin-bottom: 50px;
+}
+
 .update-info button {
   width: 100%;
   margin-top: 5px;
 }
 
 .new-parameters button:hover,
-.update-info button:hover {
+.update-info button:hover,
+.button-purple:hover {
   filter: brightness(0.9);
 }
 
@@ -1633,7 +1739,7 @@ input[type="datetime-local"] {
   position: absolute;
   top: 10px;
   left: 50%;
-  z-index: 3;
+  z-index: 999;
   background-color: white;
   padding: 9px 11px;
   border-radius: 10px;
@@ -1694,6 +1800,18 @@ input[type="datetime-local"] {
   width: calc(100% - 345px - 2px);
   z-index: 3;
 }
+
+.stream-cameras button {
+  font-family: "Nunito";
+  background-color: white;
+  border: 2px solid rgb(201, 201, 206);
+  padding: 5px;
+  border-radius: 5px;
+  cursor: pointer;
+}
+.stream-cameras button:hover {
+  filter: brightness(0.9);
+}
 .cameras {
   background: #F5F5FA;
   position: absolute;
@@ -1727,6 +1845,16 @@ input[type="datetime-local"] {
   flex-wrap: wrap;
   width: 100%;
 }
+/* Скрыть все видео кроме первой группы */
+.video-group {
+  display: none;
+}
+
+/* Отобразить активную группу */
+.video-group.active {
+  display: block;
+}
+
 
 .stream-video-container video {
   height: auto;
diff --git a/static/templates/devices/drivers.html b/static/templates/devices/drivers.html
index 2e30eb1..ec2ac6c 100644
--- a/static/templates/devices/drivers.html
+++ b/static/templates/devices/drivers.html
@@ -43,7 +43,7 @@
         <a href="/videos">
             <div><img src="../img/play.svg">Записи</div>
         </a>
-        <a class="settings" href="/">
+        <a class="settings" href="/settings">
             <div><img src="../img/gear.svg">Настройки</div>
         </a>
     </section>
@@ -397,7 +397,6 @@
 
       
 
-        </section>
         </section>
         <section style="display: none;" class="dberror" id="deleteConfirmation">
           <div class="erorr-container">
diff --git a/static/templates/devices/index.html b/static/templates/devices/index.html
index 46da604..5565583 100644
--- a/static/templates/devices/index.html
+++ b/static/templates/devices/index.html
@@ -43,7 +43,7 @@
         <a href="/videos">
             <div><img src="../img/play.svg">Записи</div>
         </a>
-        <a class="settings" href="/">
+        <a class="settings" href="/settings">
             <div><img src="../img/gear.svg">Настройки</div>
         </a>
     </section>
diff --git a/static/templates/devices/update.html b/static/templates/devices/update.html
index d7411df..60507a3 100644
--- a/static/templates/devices/update.html
+++ b/static/templates/devices/update.html
@@ -43,7 +43,7 @@
         <a href="/videos">
             <div><img src="../img/play.svg">Записи</div>
         </a>
-        <a class="settings" href="/">
+        <a class="settings" href="/settings">
             <div><img src="../img/gear.svg">Настройки</div>
         </a>
     </section>
diff --git a/static/templates/index.html b/static/templates/index.html
index 7ecc38e..a20c6a1 100644
--- a/static/templates/index.html
+++ b/static/templates/index.html
@@ -45,7 +45,7 @@
         <a href="/videos">
             <div><img src="../img/play.svg">Записи</div>
         </a>
-        <a class="settings" href="/">
+        <a class="settings" href="/settings">
             <div><img src="../img/gear.svg">Настройки</div>
         </a>
     </section>
diff --git a/static/templates/live.html b/static/templates/live.html
index a6bdc02..894aac0 100644
--- a/static/templates/live.html
+++ b/static/templates/live.html
@@ -47,7 +47,7 @@
         <a href="/videos">
             <div><img src="../img/play.svg">Записи</div>
         </a>
-        <a class="settings" href="/">
+        <a class="settings" href="/settings">
             <div><img src="../img/gear.svg">Настройки</div>
         </a>
     </section>
@@ -86,6 +86,7 @@
                                   <label for="{{this.id}}" class="checkbox-label active-{{this.status}}">
                                     <div class="checkmark"></div>
                                   </label>
+                                  <input type="number" id="channels-{{this.serial}}" value="{{this.channels}}" hidden>
                                   <input type="radio" name="camera-serial" id="radio-{{this.serial}}" class="radio-input" value="{{this.serial}}" hidden>
                                   <label for="radio-{{this.serial}}" class="radio-label active-{{this.status}}">
                                     {{this.serial}}
@@ -177,29 +178,14 @@
                       </div>
 
                       <div class="stream-cameras">
-                        <div class="cameras-swipe"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="11" fill="none" viewBox="0 0 17 11">
-                          <path fill="#000" fill-opacity=".5" d="M8.486 10.4a.88.88 0 0 0 .655-.283l7.558-7.744a.871.871 0 0 0 .264-.625.876.876 0 0 0-.889-.898.927.927 0 0 0-.635.254L7.96 8.75h1.045l-7.48-7.646A.892.892 0 0 0 .888.85.876.876 0 0 0 0 1.748a.91.91 0 0 0 .264.635l7.558 7.734c.186.186.41.283.664.283Z"/>
-                        </svg></div>
                         <div class="stream-video-container">
-                          <!-- <video id="camera-1"></video> -->
+                          <video id="camera-1"></video>
                           <video id="camera-2"></video>
                           <video id="camera-3"></video>
                           <video id="camera-4"></video>
-                          <video id="camera-5"></video>
-                          <!-- <video id="camera-6"></video>
-                          <video id="camera-7"></video>
-                          <video id="camera-8"></video>
-                          <video id="camera-9"></video>
-                          <video id="camera-10"></video>
-                          <video id="camera-11"></video>
-                          <video id="camera-12"></video>
-                          <video id="camera-13"></video>
-                          <video id="camera-14"></video>
-                          <video id="camera-15"></video>
-                          <video id="camera-16"></video> -->
                         </div>
-
-
+                        <button onclick="switchCameras(-1)">Назад</button>
+                        <button onclick="switchCameras(1)">Вперед</button>
                       </div>
 
 
@@ -214,90 +200,108 @@
 
     <script src="../scripts/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/flv.js/1.5.0/flv.min.js"></script>
-              <script>
-                let flvPlayers = [];
-                function stopAllCameras() {
-                    flvPlayers.forEach(player => {
-                        player.pause();
-                        player.unload();
-                        player.detachMediaElement();
-                        player.destroy();
-                    });
-                    flvPlayers = [];
-                }
+    <script>
+      var cameraSerials = document.querySelectorAll('.radio-input');
 
-                function stopAllCameras() {
-                    flvPlayers.forEach(player => {
-                        player.pause();
-                        player.unload();
-                        player.detachMediaElement();
-                        player.destroy();
-                    });
-                    flvPlayers = [];
-                }
-                function playflv() {
-                if (!flvjs.isSupported()) {
-                    console.log("Browser does not support.");
-                }
+      cameraSerials.forEach((checkbox) => {
+        checkbox.addEventListener('change', function() {
+          console.log($("input[name=camera-serial]:checked").val())
+          serial = $("input[name=camera-serial]:checked").val()
+          stopAllCameras();
+          currentCameraGroup = 1
+          totalCameras = $(`#channels-${serial}`).val() - 1;
+          console.log(totalCameras);
+          playNextCamerasInGroup();
 
-                const cameras = 5;
-                const baseURL = "http://45.9.42.252:8080/http/live.flv";
-                let currentCamera = 2;
+          var svgId = "marker-" + serial;
+          var svgElement = document.getElementById(svgId);
+          if (svgElement) {
+            svgElement.innerHTML = `
+              <path fill="#FF6A4B" d="M12.669 24.673c6.565 0 12-5.435 12-12 0-6.553-5.447-12-12.012-12C6.104.673.67 6.12.67 12.673c0 6.565 5.447 12 12 12Z"/>
+              <path fill="#fff" fill-opacity=".85" d="m7.104 17.92 4.683-11.93c.33-.823 1.423-.846 1.753-.023l4.682 11.953c.318.788-.553 1.47-1.294.73l-3.953-3.953c-.188-.2-.424-.2-.612 0L8.41 18.65c-.753.74-1.623.059-1.306-.73Z"/>
+            `;
+          }
+        });
+      });
+    </script>
+    <script>
+      let flvPlayers = [];
+      let currentCameraGroup = 1;
+      const camerasPerGroup = 4;
+      var totalCameras = 12 - 1; 
+      const baseURL = "http://45.9.42.252:8080/http/live.flv";
+    
+      function stopAllCameras() {
+        flvPlayers.forEach(player => {
+          player.pause();
+          player.unload();
+          player.detachMediaElement();
+          player.destroy();
+        });
+        flvPlayers = [];
+      }
+    
+      async function playNextCamerasInGroup() {
+        const startCamera = (currentCameraGroup - 1) * camerasPerGroup + 2;
+        const endCamera = startCamera + camerasPerGroup - 1;
+    
+        if (startCamera > totalCameras) {
+          // currentCameraGroup = 1;
+          // playNextCamerasInGroup();
+          return;
+        }
+    
+        stopAllCameras();
+    
+        let videoElementIndex = 1;
+    
+        for (let i = startCamera; i <= endCamera && i <= totalCameras; i++) {
+          const videoElement = document.getElementById(`camera-${videoElementIndex}`);
+          const flvPlayer = flvjs.createPlayer({
+            type: 'flv',
+            isLive: true,
+            cors: true,
+            url: `${baseURL}?serial=${serial}&channel=${i}&quality=1`,
+          }, {
+            enableWorker: true,
+            enableStashBuffer: false,
+            autoCleanupSourceBuffer: true,
+          });
+    
+          flvPlayer.attachMediaElement(videoElement);
+          flvPlayer.load();
+          flvPlayer.play();
+    
+          flvPlayers.push(flvPlayer);
+    
+          videoElementIndex++;
+    
+          await new Promise(resolve => setTimeout(resolve, 100));
+        }
+      }
+    
+      function switchCameras(direction) {
+        if ((currentCameraGroup === 1 && direction === -1) || (currentCameraGroup === Math.ceil(totalCameras / camerasPerGroup) && direction === 1)) {
+          // Если текущая группа - первая и переключаемся назад, или текущая группа - последняя и переключаемся вперед, не переключаемся
+          return;
+        }
+        currentCameraGroup += direction;
+        if (currentCameraGroup < 1) {
+          currentCameraGroup = Math.ceil(totalCameras / camerasPerGroup);
+        } else if (currentCameraGroup > Math.ceil(totalCameras / camerasPerGroup)) {
+          currentCameraGroup = 1;
+        }
+        playNextCamerasInGroup();
+      }
+    
+      // Запустить воспроизведение видео при загрузке страницы
+      playNextCamerasInGroup();
+    </script>
+    
+    
+    
 
-                function playNextCamera(i) {
-                   console.log(flvPlayers)
-
-                    const videoElement = document.getElementById(`camera-${i}`);
-                    const flvPlayer = flvjs.createPlayer({
-                        type: 'flv',
-                        isLive: true,
-                        cors: true,
-                        url: `${baseURL}?serial=${serial}&channel=${i}&quality=0`,
-                    }, {
-                        enableWorker: true,
-                        enableStashBuffer: false,
-                        autoCleanupSourceBuffer: true,
-                    });
-
-                    flvPlayer.attachMediaElement(videoElement);
-                    flvPlayer.load();
-                    flvPlayer.play();
-
-                    flvPlayers.push(flvPlayer); 
-
-                    setTimeout(() => {
-                        playNextCamera(i + 1);
-                    }, 100);
-                }
-
-                playNextCamera(currentCamera);
-            }
-
-
-
-              </script>
-
-              <script>
-                var cameraSerials = document.querySelectorAll('.radio-input');
-
-                cameraSerials.forEach((checkbox) => {
-                  checkbox.addEventListener('change', function() {
-                    console.log($("input[name=camera-serial]:checked").val())
-                    serial = $("input[name=camera-serial]:checked").val()
-                    stopAllCameras();
-                    playflv();
-
-                    var svgId = "marker-" + serial;
-                    var svgElement = document.getElementById(svgId);
-                    if (svgElement) {
-                      svgElement.innerHTML = `
-                        <path fill="#FF6A4B" d="M12.669 24.673c6.565 0 12-5.435 12-12 0-6.553-5.447-12-12.012-12C6.104.673.67 6.12.67 12.673c0 6.565 5.447 12 12 12Z"/>
-                        <path fill="#fff" fill-opacity=".85" d="m7.104 17.92 4.683-11.93c.33-.823 1.423-.846 1.753-.023l4.682 11.953c.318.788-.553 1.47-1.294.73l-3.953-3.953c-.188-.2-.424-.2-.612 0L8.41 18.65c-.753.74-1.623.059-1.306-.73Z"/>
-                      `;
-                    }
-                  });
-                });
-              </script>
+              
 
 
     <script>
@@ -346,7 +350,7 @@
 
 <script>
   
-  var map = L.map('map').setView([59.855198, 30.282995], 10);
+  var map = L.map('map').setView([59.855198, 30.282995], 12);
 
         L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}').addTo(map);
 
diff --git a/static/templates/reports/index.html b/static/templates/reports/index.html
index 21d3b4c..f8c1dae 100644
--- a/static/templates/reports/index.html
+++ b/static/templates/reports/index.html
@@ -43,7 +43,7 @@
         <a href="/videos">
             <div><img src="../img/play.svg">Записи</div>
         </a>
-        <a class="settings" href="/">
+        <a class="settings" href="/settings">
             <div><img src="../img/gear.svg">Настройки</div>
         </a>
     </section>
diff --git a/static/templates/reports/report.html b/static/templates/reports/report.html
index a45c990..f28fe64 100644
--- a/static/templates/reports/report.html
+++ b/static/templates/reports/report.html
@@ -45,7 +45,7 @@
         <a href="/videos">
             <div><img src="../img/play.svg">Записи</div>
         </a>
-        <a class="settings" href="/">
+        <a class="settings" href="/settings">
             <div><img src="../img/gear.svg">Настройки</div>
         </a>
     </section>
diff --git a/static/templates/settings.html b/static/templates/settings.html
new file mode 100644
index 0000000..590c09d
--- /dev/null
+++ b/static/templates/settings.html
@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Настройки</title>
+    <link rel="stylesheet" href="../styles/main.css" />
+</head>
+<body>
+
+    <header>
+        <h1>Аргус</h1>
+        <h2><span>/</span> Название организации</h2>
+    </header>
+
+    <section class="account-info">
+      <div id="account-main">
+          <img id="person" src="../img/person.svg">
+          <span>Тестовое Имя</span>
+          <img id="down" src="../img/down.svg">
+          <img id="up" src="../img/up.svg">
+      </div>
+      <a href="/login"><div id="account-additional" class="additional">Выйти</div></a>
+  </section>
+
+    
+
+
+    <section class="navigation">
+        <a href="/">
+            <div><img src="../img/chart.svg">Главная</div>
+        </a>
+        <a href="/devices">
+            <div><img src="../img/cloud.svg">Устройства</div>
+        </a>
+        <a href="/reports">
+            <div><img src="../img/bubble.svg">Отчёты</div>
+        </a>
+        <a href="/live">
+            <div><img src="../img/waves.svg">Трансляция</div>
+        </a>
+        <a href="/videos">
+            <div><img src="../img/play.svg">Записи</div>
+        </a>
+        <a class="settings" href="/settings">
+            <div class="selected"><img src="../img/gear.svg">Настройки</div>
+        </a>
+    </section>
+
+    <section class="main">
+      <!-- {{#if ifDBError}}
+      <section class="dberror">
+        <div class="erorr-container">
+          <img src="../img/warning.svg"> <br>
+          <h1>Ошибка </h1> <br>
+          <span>Не удалось получить данные из БД</span>
+          <button type="button" onclick="location.reload();">Повторить попытку</button>
+        </div>
+      </section>
+      {{/if}} -->
+      <section style="display: none;" class="dberror" id="deleteConfirmation" >
+        <div class="erorr-container">
+          <div id="loader" class="loader">
+            <div class="square" id="sq1"></div>
+            <div class="square" id="sq2"></div>
+            <div class="square" id="sq3"></div>
+            <div class="square" id="sq4"></div>
+            <div class="square" id="sq5"></div>
+            <div class="square" id="sq6"></div>
+            <div class="square" id="sq7"></div>
+            <div class="square" id="sq8"></div>
+            <div class="square" id="sq9"></div>
+          </div>
+          <svg id="success-mark" style="display: none;" xmlns="http://www.w3.org/2000/svg" width="108" height="108" fill="none" viewBox="0 0 108 108">
+            <g clip-path="url(#a)">
+              <path fill="#8086F9" fill-opacity=".85" d="M54 107.947c29.541 0 54-24.5 54-53.973C108 24.447 83.488 0 53.947 0 24.459 0 0 24.447 0 53.974c0 29.474 24.512 53.973 54 53.973Zm0-8.995c-24.988 0-44.947-20.002-44.947-44.978 0-24.976 19.906-44.978 44.894-44.978S99 28.998 99 53.974c0 24.976-20.012 44.978-45 44.978Zm-5.824-19.844c1.747 0 3.23-.846 4.289-2.487l24.194-38.046c.582-1.058 1.27-2.222 1.27-3.386 0-2.382-2.117-3.916-4.341-3.916-1.323 0-2.647.847-3.653 2.381l-21.97 35.241-10.43-13.493c-1.27-1.693-2.435-2.116-3.917-2.116-2.277 0-4.077 1.852-4.077 4.18 0 1.164.477 2.276 1.218 3.28l12.917 15.875c1.324 1.747 2.753 2.487 4.5 2.487Z"/>
+            </g>
+            <defs>
+              <clipPath id="a">
+                <path fill="#fff" d="M0 0h108v108H0z"/>
+              </clipPath>
+            </defs>
+          </svg>
+          
+                <h1>Перезагрузка сервера</h1> <br>
+                <span id="status">Пожалуйста, подождите</span>
+                <button id="closeButton" style="display: none;" onclick="hideMessage()">Закрыть</button>
+        </div>
+    </section>
+  
+  
+        <div class="name">
+            <span>Настройки</span>
+        </div>
+        <nav>
+            <a class="selected" href="/devices">Настройки</a>
+        </nav>
+        <section class="bg">
+            <section class="content">
+
+                <section class="for-table">
+
+                  <section class="whole-width">
+                    <h1>Перезагрузка видео-сервера</h1>
+                    <h3>При перебоях в работе трансляций камер нажмите кнопку "Перезагрузить".</h3>
+                    <button class="button-purple" onclick="performRestart()">Перезагрузить</button>
+                  </section>
+
+                </section>
+
+            </section>
+        </section>
+    </section>
+
+
+
+    <script src="../scripts/jquery.min.js"></script>
+
+    <script>
+    
+
+    function performRestart() {
+      const deleteConfirmation = document.getElementById("deleteConfirmation");
+        const loader = document.getElementById("loader");
+        const status = document.getElementById("status");
+        const closeButton = document.getElementById("closeButton");
+        const mark = document.getElementById("success-mark");
+
+        loader.style.display = "block";
+        closeButton.style.display = "none";
+        deleteConfirmation.style.display = "flex";
+        mark.style.display = "none";
+
+        const xhr = new XMLHttpRequest();
+        xhr.open("POST", "/videos/restart", true);
+        xhr.onreadystatechange = function () {
+            if (xhr.readyState === 4) {
+                if (xhr.status === 200) {
+                    showMessage("Перезагрузка успешна", true);
+                } else if (xhr.status === 500) {
+                    showMessage("При перезагрузке произошла ошибка", false);
+                } else {
+                    showMessage("Не удалось выполнить перезагрузку", false);
+                }
+            }
+        };
+        xhr.send();
+    }
+
+    function hideMessage() {
+        const deleteConfirmation = document.getElementById("deleteConfirmation");
+        deleteConfirmation.style.display = "none";
+    }
+
+    function showMessage(messageText, isSuccess) {
+        const loader = document.getElementById("loader");
+        const status = document.getElementById("status");
+        const closeButton = document.getElementById("closeButton");
+        const mark = document.getElementById("success-mark");
+
+        loader.style.display = "none";
+        status.textContent = messageText;
+        if (isSuccess) {
+            mark.style.display = "block";
+            status.style.color = "green"; 
+        } else {
+            status.style.color = "red"; 
+        }
+        closeButton.style.display = "block";
+    }
+
+
+
+    </script>
+    <script>
+        // Скрытие/Показ дополнительных меню аккаунта
+        const accountMain = document.getElementById('account-main');
+        const accountAdditional = document.getElementById('account-additional');
+        const accountUp = document.getElementById('up');
+        const accountDown = document.getElementById('down');
+        accountAdditional.style.display = 'none';
+        accountUp.style.display = 'none';
+        
+        accountMain.addEventListener('click', () => {
+          if (accountAdditional.style.display === 'none') {
+            accountAdditional.style.display = 'flex';
+            accountUp.style.display = 'unset';
+            accountDown.style.display = 'none';
+          } else {
+            accountAdditional.style.display = 'none';
+            accountUp.style.display = 'none';
+            accountDown.style.display = 'unset';
+          }
+        });
+      </script>
+      
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/static/templates/videos/export.html b/static/templates/videos/export.html
new file mode 100644
index 0000000..dbe7674
--- /dev/null
+++ b/static/templates/videos/export.html
@@ -0,0 +1,676 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Экспорт записей</title>
+    <link rel="stylesheet" href="../styles/main.css" />
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
+    <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
+</head>
+<body>
+
+  
+
+    <header>
+        <h1>Аргус</h1>
+        <h2><span>/</span> {{Organisation}}</h2>
+    </header>
+
+    <section class="account-info">
+      <div id="account-main">
+          <img id="person" src="../img/person.svg">
+          <span>{{User}}</span>
+          <img id="down" src="../img/down.svg">
+          <img id="up" src="../img/up.svg">
+      </div>
+      <a href="/login"><div id="account-additional" class="additional">Выйти</div></a>
+  </section>
+
+    
+
+
+    <section class="navigation">
+        <a href="/">
+            <div><img src="../img/chart.svg">Главная</div>
+        </a>
+        <a href="/devices">
+            <div><img src="../img/cloud.svg">Устройства</div>
+        </a>
+        <a href="/reports">
+            <div><img src="../img/bubble.svg">Отчёты</div>
+        </a>
+        <a href="/live">
+            <div><img src="../img/waves.svg">Трансляция</div>
+        </a>
+        <a href="/videos">
+            <div class="selected"><img src="../img/play.svg">Записи</div>
+        </a>
+        <a class="settings" href="/settings">
+            <div><img src="../img/gear.svg">Настройки</div>
+        </a>
+    </section>
+
+    <section class="main">
+      {{#if ifDBError}}
+      <section class="dberror">
+        <div class="erorr-container">
+          <img src="../img/warning.svg"> <br>
+          <h1>Ошибка </h1> <br>
+          <span>Не удалось получить данные из БД</span>
+          <button type="button" onclick="location.reload();">Повторить попытку</button>
+        </div>
+      </section>
+      {{/if}}
+        <div class="name">
+            <span>Управление записями</span>
+        </div>
+        <nav>
+            <a href="/videos">Воспроизведение</a>
+            <a class="selected" href="/videos/export">Экспорт</a>
+        </nav>
+        <section class="bg">
+            <section class="content">
+                <section class="for-table">
+
+                    <section class="organisation">
+                        <h1>Организация</h1>
+
+                        <ul class="area">
+                          <li class="area-name"><img src="../img/ul.svg"><input type="checkbox" id="name-1" class="checkbox-input" hidden checked><label for="name-1" class="checkbox-label">Группа 1</label>
+                            <ul class="area-devices" id="devices-1">
+                              {{#each Registrars}}
+                                <li class="device">
+                                  <img>
+                                  <input type="radio" name="camera-serial" id="radio-{{this.serial}}" class="radio-input" value="{{this.serial}}" hidden>
+                                  <label for="radio-{{this.serial}}" class="radio-label">
+                                    {{this.serial}}
+                                  </label>
+                                </li>
+                              {{/each}}
+                            </ul>
+                          </li>
+                        </ul>
+
+                          
+                    </section>
+
+                
+
+                    <section class="table" style="position: relative;">
+
+                      <div class="map">
+                        <div id="properties" class="properties" style="display: none;">
+                          <div class="propert"><h1>Группа</h1><br><h2 id="propert-group">Автобусы</h2></div>
+                          <div class="propert"><h1>Скорость</h1><br><h2 id="propert-speed"> км/ч</h2></div>
+                          <div class="propert"><h1>Номерной знак</h1><br><h2 id="propert-plate"></h2></div>
+                          <div class="propert"><h1>Геопозиция</h1><br><h2 id="propert-geo"></h2></div>
+                        </div>
+                        <div id="map"></div>
+                      </div>
+
+                      <div class="cameras">
+                        <div class="video-container">
+                          <div id="camera-1" onclick="playVideo(1);">
+                            <img src="../../img/play-circle.svg">
+                            <span>Запустить 1 камеру</span>
+                          </div>
+                          <div id="camera-2" onclick="playVideo(2);">
+                            <img src="../../img/play-circle.svg">
+                            <span>Запустить 2 камеру</span>
+                          </div>
+                          <div id="camera-3" onclick="playVideo(3);">
+                            <img src="../../img/play-circle.svg">
+                            <span>Запустить 3 камеру</span>
+                          </div>
+                          <div id="camera-4" onclick="playVideo(4);">
+                            <img src="../../img/play-circle.svg">
+                            <span>Запустить 4 камеру</span>
+                          </div>
+                          <div id="camera-5" onclick="playVideo(5);">
+                            <img src="../../img/play-circle.svg">
+                            <span>Запустить 5 камеру</span>
+                          </div>
+                          <div id="camera-6" onclick="playVideo(6);">
+                            <img src="../../img/play-circle.svg">
+                            <span>Запустить 6 камеру</span>
+                          </div>
+                          <div id="camera-7" onclick="playVideo(7);">
+                            <img src="../../img/play-circle.svg">
+                            <span>Запустить 7 камеру</span>
+                          </div>
+                          <div id="camera-8" onclick="playVideo(8);">
+                            <img src="../../img/play-circle.svg">
+                            <span>Запустить 8 камеру</span>
+                          </div>
+                          <div id="camera-9" onclick="playVideo(9);">
+                            <img src="../../img/play-circle.svg">
+                            <span>Запустить 9 камеру</span>
+                          </div>
+                          <div id="camera-10" onclick="playVideo(10);">
+                            <img src="../../img/play-circle.svg">
+                            <span>Запустить 10 камеру</span>
+                          </div>
+                          <div id="camera-11" onclick="playVideo(11);">
+                            <img src="../../img/play-circle.svg">
+                            <span>Запустить 11 камеру</span>
+                          </div>
+                          <div id="camera-12" onclick="playVideo(12);">
+                            <img src="../../img/play-circle.svg">
+                            <span>Запустить 12 камеру</span>
+                          </div>
+                        </div>
+                        <div class="video-container-right">
+                          <div id="camera-13" onclick="playVideo(13);">
+                            <img src="../../img/play-circle.svg">
+                            <span>Запустить 13 камеру</span>
+                          </div>
+                          <div id="camera-14" onclick="playVideo(14);">
+                            <img src="../../img/play-circle.svg">
+                            <span>Запустить 14 камеру</span>
+                          </div>
+                          <div id="camera-15" onclick="playVideo(15);">
+                            <img src="../../img/play-circle.svg">
+                            <span>Запустить 15 камеру</span>
+                          </div>
+                          <div id="camera-16" onclick="playVideo(16);">
+                            <img src="../../img/play-circle.svg">
+                            <span>Запустить 16 камеру</span>
+                          </div>
+                        </div>
+                      </div>
+
+                      <div class="calendar">
+                        <div class="calendar-header">
+                            <button id="prevMonth"></button>
+                            <h2 id="monthYear"></h2>
+                            <button id="nextMonth"></button>
+                        </div>
+                        <div class="daysOfWeek">
+                            <div>Пн</div>
+                            <div>Вт</div>
+                            <div>Ср</div>
+                            <div>Чт</div>
+                            <div>Пт</div>
+                            <div>Сб</div>
+                            <div>Вс</div>
+                        </div>
+                        <div class="dates" id="dates">
+                        </div>
+                    </div>
+                    <input type="hidden" id="selectedDate" name="selectedDate" hidden>
+
+                    <div class="speedometr">
+                      <h1>Скорость</h1>
+                      <span>км/ч</span>
+                      <span style="float: right; font-size: 18px;">1 ч</span>
+                      <div>
+                          <canvas id="speed"></canvas>
+                      </div>
+                    </div>
+
+                    <div class="video-time">
+                      <input name="videoTime" type="time" id="video-time" step="1">
+                    </div>
+
+
+                    </section>
+                      
+
+                </section>
+
+            </section>
+        </section>
+    </section>
+
+    <style>
+      .table {
+        background-color:rgba(0, 0, 0, 0.02) !important;
+      }
+
+      .speedometr {
+        position: absolute;
+        right: 0;
+        bottom: 62px;
+        width: calc(75% - 300px - 10px - 32px);
+        height: 220px;
+        border-radius: 15px;
+        background-color: white;
+        padding-right: 32px;
+      }
+
+      .speedometr div {
+        height: 200px;
+      }
+    </style>
+
+    <script src="../scripts/jquery.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+
+    <script>
+function combineDateTime(dateString, timeString) {
+  const date = new Date(dateString);
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+
+  // Разбиение времени на часы, минуты и секунды
+  const timeParts = timeString.split(":");
+  const hours = timeParts[0].padStart(2, "0");
+  const minutes = timeParts[1].padStart(2, "0");
+  const seconds = timeParts[2].padStart(2, "0");
+
+  // Собираем дату и время в нужном формате
+  const combinedDateTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+
+  return combinedDateTime;
+}
+
+function sendPostRequest() {
+  // Получение данных из полей ввода
+  const selectedDate = document.getElementById("selectedDate").value;
+  const videoTime = document.getElementById("video-time").value;
+  const selectedSerial = document.querySelector('input[name="camera-serial"]:checked').value;
+
+  // Объединяем дату и время и преобразуем в нужный формат
+  const combinedDateTime = combineDateTime(selectedDate, videoTime);
+
+  const requestData = {
+    serial: selectedSerial,
+    datetime: combinedDateTime, 
+  };
+
+  fetch("/getspeedarchive", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify(requestData),
+  })
+    .then((response) => response.json())
+    .then((data) => {
+
+      const existingChart = Chart.getChart("speed");
+
+      if (existingChart) {
+        existingChart.destroy();
+      }
+
+      const numberOfLabels = data.speeds.length;
+      const labels = Array.from({ length: numberOfLabels }, () => "");
+
+      // Обновление данных графика
+      const chart = new Chart("speed", {
+        type: "line",
+        data: {
+          labels: labels,
+          datasets: [
+            {
+              label: "Скорость",
+              borderColor: "#8086F9",
+              fill: false,
+              data: data.speeds,
+              pointStyle: false,
+              pointRadius: 25,
+              pointHoverRadius: 25,
+              tension: 0.1,
+            },
+          ],
+        },
+        options: {
+          plugins: {
+            legend: {
+              display: false,
+            },
+          },
+          labelStep: "3",
+          responsive: true,
+          maintainAspectRatio: false,
+          scales: {
+            y: {
+              stacked: true,
+              grid: {
+                display: true,
+                color: "#D9D9D9",
+              },
+              ticks: {
+                stepSize: 10,
+              },
+            },
+            x: {
+              grid: {
+                display: false,
+              },
+            },
+          },
+        },
+      });
+
+
+      const geoData = data.geo; 
+
+      // Очищаем все слои на карте
+map.eachLayer(layer => {
+    if (layer !== map) {
+        map.removeLayer(layer);
+    }
+});
+
+// Добавляем слой с плитками OpenStreetMap
+L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}').addTo(map);
+
+// Создаем слой для маршрута
+const routeLayer = L.layerGroup().addTo(map);
+
+// Создаем слой для маркеров
+const markerLayer = L.layerGroup().addTo(map);
+
+// Преобразуем координаты точек маршрута
+const routePoints = geoData.map(point => [point.latitude, point.longitude]);
+
+// Создаем линию маршрута
+const route = L.polyline(routePoints, { color: 'red',weight: 5 }).addTo(routeLayer);
+
+
+
+    })
+    .catch((error) => {
+      console.error("Ошибка при отправке запроса:", error);
+    });
+}
+
+
+const radioInputs = document.querySelectorAll(".radio-input");
+radioInputs.forEach((input) => {
+  input.addEventListener("change", sendPostRequest);
+});
+
+const selectedDateInput = document.getElementById("selectedDate");
+selectedDateInput.addEventListener("change", sendPostRequest);
+
+const videoTimeInput = document.getElementById("video-time");
+videoTimeInput.addEventListener("change", sendPostRequest);
+
+    </script>
+
+
+    <script>
+      var now = new Date();
+      now.setHours(now.getHours() - 1);
+      var formattedTime = now.toISOString().substr(11, 8);
+      document.getElementById("video-time").value = formattedTime;
+    </script>
+
+   
+    <script>
+     document.addEventListener("DOMContentLoaded", function () {
+    const prevMonthBtn = document.getElementById("prevMonth");
+    const nextMonthBtn = document.getElementById("nextMonth");
+    const monthYear = document.getElementById("monthYear");
+    const datesContainer = document.getElementById("dates");
+    const dateForm = document.getElementById("dateForm");
+    const selectedDateInput = document.getElementById("selectedDate");
+
+    let currentDate = new Date();
+    let selectedDate = currentDate; 
+    selectedDateInput.value = selectedDate.toISOString();
+    function renderCalendar() {
+        // Очистить предыдущий календарь
+        datesContainer.innerHTML = "";
+
+        // Установить заголовок с месяцем и годом
+        const options = { year: "numeric", month: "long" };
+        const formattedDate = currentDate.toLocaleDateString("ru-RU", options);
+        const formattedMonthYear = formattedDate.charAt(0).toUpperCase() + formattedDate.slice(1); 
+        monthYear.textContent = formattedMonthYear.replace('г.', '');
+
+        // Найти первый день текущего месяца
+        const firstDayOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);
+
+        // Определить день недели, с которого начнется месяц
+        const startingDay = firstDayOfMonth.getDay() - 1;
+
+        // Определить количество дней в текущем месяце
+        const daysInMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0).getDate();
+
+        // Создать дни месяца
+        for (let i = 0; i < startingDay; i++) {
+            const emptyDay = document.createElement("div");
+            emptyDay.classList.add("empty-day");
+            datesContainer.appendChild(emptyDay);
+        }
+
+        for (let day = 1; day <= daysInMonth; day++) {
+            const dateCell = document.createElement("div");
+            dateCell.textContent = day;
+            dateCell.classList.add("date");
+            if (selectedDate.getDate() === day && selectedDate.getMonth() === currentDate.getMonth() && selectedDate.getFullYear() === currentDate.getFullYear()) {
+                dateCell.classList.add("selected");
+            }
+            dateCell.addEventListener("click", () => {
+                selectedDate = new Date(currentDate.getFullYear(), currentDate.getMonth(), day);
+                renderCalendar();
+                selectedDateInput.value = selectedDate.toISOString();
+            });
+            datesContainer.appendChild(dateCell);
+        }
+        sendPostRequest();
+    }
+
+    // Перейти на предыдущий месяц
+    prevMonthBtn.addEventListener("click", () => {
+        currentDate = new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1);
+        renderCalendar();
+    });
+
+    // Перейти на следующий месяц
+    nextMonthBtn.addEventListener("click", () => {
+        currentDate = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1);
+        renderCalendar();
+    });
+
+    // Инициализировать календарь
+    renderCalendar();
+});
+
+    </script>
+
+<script>
+  function formatDate(selectedDate) {
+    const date = new Date(selectedDate);
+    const year = date.getFullYear();
+    const month = (date.getMonth() + 1).toString().padStart(2, '0');
+    const day = date.getDate().toString().padStart(2, '0');
+    return `${year}${month}${day}`;
+  }
+
+  function formatTime(videoTime) {
+    const parts = videoTime.split(':');
+    const hours = parts[0].toString().padStart(2, '0');
+    const minutes = parts[1].toString().padStart(2, '0');
+    const seconds = parts[2].toString().padStart(2, '0');
+    return `${hours}${minutes}${seconds}`;
+  }
+
+  function addOneHourToTime(videoTime) {
+  const parts = videoTime.split(':');
+  let hours = parseInt(parts[0], 10);
+  hours += 1; 
+  const minutes = parts[1].toString().padStart(2, '0');
+  const seconds = parts[2].toString().padStart(2, '0');
+  return formatTime(`${hours}:${minutes}:${seconds}`);
+}
+
+  function playVideo(channel) {
+    const selectedDevice = document.querySelector('input[name="camera-serial"]:checked');
+    if (!selectedDevice) {
+      alert('Пожалуйста, выберите устройство из списка.');
+      return;
+    }
+
+    const startTimeInput = document.getElementById('video-time');
+    const selectedDateInput = document.getElementById('selectedDate');
+    const startTime = formatTime(startTimeInput.value);
+    const selectedDate = formatDate(selectedDateInput.value);
+
+    const endTime = addOneHourToTime(startTimeInput.value);
+
+    const serial = selectedDevice.value;
+
+    const url = `http://localhost:7081/playback?url=http%3A%2F%2Fkrbl.ru%3A8080%2Fhttp%2Fplayback.flv%3Fserial%3D${serial}%26channel%3D${channel}%26quality%3D1%26queryTime%3D${selectedDate}%26startTime%3D${startTime}%26endTime%3D${endTime}`;
+    window.open(url, '_blank');
+  }
+</script>
+
+
+  
+
+ <script>
+  window.addEventListener('DOMContentLoaded', function() {
+    var mapContainer = document.querySelector('.map');
+    var mapArea = document.getElementById('map');
+
+    mapArea.style.height = (mapContainer.clientHeight) + 'px';
+    mapArea.style.width = (mapContainer.clientWidth) + 'px';
+  });
+
+  window.addEventListener("resize", function (event) {
+        var mapContainer = document.querySelector('.map');
+        var mapArea = document.getElementById('map');
+
+        mapArea.style.height = (mapContainer.clientHeight) + 'px';
+        mapArea.style.width = (mapContainer.clientWidth) + 'px';
+      });
+
+      var startPoint = [0, 0];
+        var endPoint = [0, 0];
+
+        let map;
+
+        // Создаем карту Leaflet
+        map = L.map('map').setView([59.855198, 30.282995], 10);
+
+        // Добавляем базовый слой OpenStreetMap
+        L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}').addTo(map);
+
+        // Создаем маркеры
+        var startMarker = L.marker(startPoint, {
+            icon: L.divIcon({
+                className: 'custom-icon',
+                html: '<div style="background-color: red; width: 14px; height: 14px; border: 2px solid white; border-radius: 50%;"></div>'
+            })
+        }).addTo(map);
+
+        var endMarker = L.marker(endPoint, {
+            icon: L.divIcon({
+                className: 'custom-icon',
+                html: '<div style="background-color: red; width: 14px; height: 14px; border: 2px solid white; border-radius: 50%;"></div>'
+            })
+        }).addTo(map);
+
+        // Создаем линию маршрута
+        var route = L.polyline([startPoint, endPoint], { color: 'red', weight: 6 }).addTo(map);
+
+        // Скрыть кнопки приближения/отдаления
+        map.zoomControl.remove();
+
+        // Скрыть информационную панель
+        map.attributionControl.remove();
+</script> 
+    
+    <script>
+        // Скрытие/Показ дополнительных меню аккаунта
+        const accountMain = document.getElementById('account-main');
+        const accountAdditional = document.getElementById('account-additional');
+        const accountUp = document.getElementById('up');
+        const accountDown = document.getElementById('down');
+        accountAdditional.style.display = 'none';
+        accountUp.style.display = 'none';
+        
+        accountMain.addEventListener('click', () => {
+          if (accountAdditional.style.display === 'none') {
+            accountAdditional.style.display = 'flex';
+            accountUp.style.display = 'unset';
+            accountDown.style.display = 'none';
+          } else {
+            accountAdditional.style.display = 'none';
+            accountUp.style.display = 'none';
+            accountDown.style.display = 'unset';
+          }
+        });
+      </script>
+
+<script>
+  Chart.defaults.color = "rgba(0, 0, 0, 0.4)";
+Chart.defaults.font.size = 15;
+Chart.defaults.font.weight = 400;
+  var speedData = {
+labels: [
+"",
+"",
+"",
+"",
+"",
+"",
+"",
+"",
+"",
+"",
+"",
+],
+datasets: [
+{
+label: "Скорость",
+borderColor: "#8086F9",
+fill: false,
+data: [
+  {{Speeds}}
+],
+pointStyle: false,
+pointRadius: 25,
+pointHoverRadius: 25,
+tension: 0.1,
+},
+],
+};
+
+var speedOptions = {
+plugins: {
+legend: {
+display: false,
+},
+},
+labelStep: "3",
+responsive: true,
+maintainAspectRatio: false,
+scales: {
+y: {
+stacked: true,
+grid: {
+  display: true,
+  color: "#D9D9D9",
+},
+ticks: {
+  stepSize: 10,
+},
+},
+x: {
+grid: {
+  display: false,
+},
+},
+},
+};
+
+new Chart("speed", {
+type: "line",
+data: speedData,
+options: speedOptions,
+});
+</script>
+
+      
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/static/templates/videos/see.html b/static/templates/videos/playback.html
similarity index 92%
rename from static/templates/videos/see.html
rename to static/templates/videos/playback.html
index 5b36cab..e0b63b0 100644
--- a/static/templates/videos/see.html
+++ b/static/templates/videos/playback.html
@@ -47,7 +47,7 @@
         <a href="/videos">
             <div class="selected"><img src="../img/play.svg">Записи</div>
         </a>
-        <a class="settings" href="/">
+        <a class="settings" href="/settings">
             <div><img src="../img/gear.svg">Настройки</div>
         </a>
     </section>
@@ -476,46 +476,55 @@ videoTimeInput.addEventListener("change", sendPostRequest);
 
     </script>
 
-    <script>
-      function formatDate(selectedDate) {
-  const date = new Date(selectedDate);
-  const year = date.getFullYear();
-  const month = (date.getMonth() + 1).toString().padStart(2, '0');
-  const day = date.getDate().toString().padStart(2, '0');
-  return `${year}${month}${day}`;
-}
-
-function formatTime(videoTime) {
-  const parts = videoTime.split(':');
-  const hours = parts[0].toString().padStart(2, '0');
-  const minutes = parts[1].toString().padStart(2, '0');
-  const seconds = parts[2].toString().padStart(2, '0');
-  return `${hours}${minutes}${seconds}`;
-}
-
-function playVideo(channel) {
-  const selectedDevice = document.querySelector('input[name="camera-serial"]:checked');
-  if (!selectedDevice) {
-    alert('Пожалуйста, выберите устройство из списка.');
-    return;
+<script>
+  function formatDate(selectedDate) {
+    const date = new Date(selectedDate);
+    const year = date.getFullYear();
+    const month = (date.getMonth() + 1).toString().padStart(2, '0');
+    const day = date.getDate().toString().padStart(2, '0');
+    return `${year}${month}${day}`;
   }
 
-  const startTimeInput = document.getElementById('video-time');
-  const selectedDateInput = document.getElementById('selectedDate');
-  const startTime = formatTime(startTimeInput.value);
-  const selectedDate = formatDate(selectedDateInput.value);
-  const serial = selectedDevice.value;
-
-  const url = `http://localhost:8081/?url=http%3A%2F%2Fkrbl.ru%3A8080%2Fhttp%2Fplayback.flv%3Fserial%3D${serial}%26channel%3D${channel}%26quality%3D1%26queryTime%3D${selectedDate}%26startTime%3D${startTime}%26endTime%3D130000`;
-  window.open(url, '_blank');
+  function formatTime(videoTime) {
+    const parts = videoTime.split(':');
+    const hours = parts[0].toString().padStart(2, '0');
+    const minutes = parts[1].toString().padStart(2, '0');
+    const seconds = parts[2].toString().padStart(2, '0');
+    return `${hours}${minutes}${seconds}`;
+  }
 
+  function addOneHourToTime(videoTime) {
+  const parts = videoTime.split(':');
+  let hours = parseInt(parts[0], 10);
+  hours += 1; 
+  const minutes = parts[1].toString().padStart(2, '0');
+  const seconds = parts[2].toString().padStart(2, '0');
+  return formatTime(`${hours}:${minutes}:${seconds}`);
 }
 
+  function playVideo(channel) {
+    const selectedDevice = document.querySelector('input[name="camera-serial"]:checked');
+    if (!selectedDevice) {
+      alert('Пожалуйста, выберите устройство из списка.');
+      return;
+    }
+
+    const startTimeInput = document.getElementById('video-time');
+    const selectedDateInput = document.getElementById('selectedDate');
+    const startTime = formatTime(startTimeInput.value);
+    const selectedDate = formatDate(selectedDateInput.value);
+
+    const endTime = addOneHourToTime(startTimeInput.value);
+
+    const serial = selectedDevice.value;
+
+    const url = `http://localhost:7081/playback?url=http%3A%2F%2Fkrbl.ru%3A8080%2Fhttp%2Fplayback.flv%3Fserial%3D${serial}%26channel%3D${channel}%26quality%3D1%26queryTime%3D${selectedDate}%26startTime%3D${startTime}%26endTime%3D${endTime}`;
+    window.open(url, '_blank');
+  }
+</script>
 
 
-
-
-    </script>
+  
 
  <script>
   window.addEventListener('DOMContentLoaded', function() {