[mirotalkbro] - allow video streaming up to 8k

miroslavpejic85 · Aug 4, 2024 · 9bba140 · 9bba140
1 parent 8517278
commit 9bba140
Show file tree

Hide file tree

Showing 7 changed files with 26 additions and 4 deletions.
diff --git a/app/server.js b/app/server.js
@@ -8,7 +8,7 @@
  * @license For open source under AGPL-3.0
  * @license For private project or commercial purposes contact us at: [email protected]
  * @author  Miroslav Pejic - [email protected]
- * @version 1.0.52
+ * @version 1.0.53
  */
 
 require('dotenv').config();

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "mirotalkbro",
-    "version": "1.0.52",
+    "version": "1.0.53",
     "description": "P2P WebRTC audio, video and screen live broadcast",
     "main": "app/server.js",
     "scripts": {

diff --git a/public/css/broadcast.css b/public/css/broadcast.css
@@ -8,6 +8,7 @@
     background: var(--secondary-color);
     border: var(--border);
     border-radius: var(--border-radius);
+    box-shadow: var(--box-shadow);
 }
 
 .broadcast-header {

diff --git a/public/css/viewer.css b/public/css/viewer.css
@@ -8,6 +8,7 @@
     background: var(--secondary-color);
     border: var(--border);
     border-radius: var(--border-radius);
+    box-shadow: var(--box-shadow);
 }
 
 .viewer-header {

diff --git a/public/js/broadcast.js b/public/js/broadcast.js
@@ -801,6 +801,22 @@ function getVideoConstraints() {
                 frameRate: videoFrameRate,
             };
             break;
+        case '6k':
+            videoConstraints = {
+                width: { exact: 6144 },
+                height: { exact: 3456 },
+                frameRate: videoFrameRate,
+            };
+            break;
+        case '8k':
+            videoConstraints = {
+                width: { exact: 7680 },
+                height: { exact: 4320 },
+                frameRate: videoFrameRate,
+            };
+            break;
+        default:
+            break;
     }
     return videoConstraints;
 }
@@ -944,7 +960,7 @@ function gotDevices(deviceInfos) {
 // Handle window exit
 // =====================================================
 
-window.onunload = window.onbeforeunload = () => {
+window.onbeforeunload = () => {
     socket.close();
     if (thereIsPeerConnections()) {
         for (let id in peerConnections) {
@@ -955,4 +971,5 @@ window.onunload = window.onbeforeunload = () => {
     }
     stopSessionTime();
     saveRecording();
+    return undefined;
 };
diff --git a/public/js/viewer.js b/public/js/viewer.js
@@ -492,11 +492,12 @@ function sendMessage() {
 // Handle window exit
 // =====================================================
 
-window.onunload = window.onbeforeunload = () => {
+window.onbeforeunload = () => {
     socket.close();
     if (peerConnection) {
         peerConnection.close();
     }
     stopSessionTime();
     saveRecording();
+    return undefined;
 };
diff --git a/public/views/broadcast.html b/public/views/broadcast.html
@@ -60,6 +60,8 @@
                         <option value="fhd">FULL HD</option>
                         <option value="2k">2K</option>
                         <option value="4k">4K</option>
+                        <option value="6k">6K</option>
+                        <option value="8k">8K</option>
                     </select>
                     <select id="videoFpsSelect">
                         <option value="default">Default</option>