Video upload feature

And you can play video as soon as upload starts! This is pretty useful for thicc ones. Video will be keeped in cache and will comply cache size limit. I'm also implemented system storage check to change cache limit if it's lower than config value, so upload will be blocked if there is lower than 10MiB available on disk.
RblSb · Jan 28, 2025 · 0592564 · 0592564
1 parent c7518e5
commit 0592564
Show file tree

Hide file tree

Showing 19 changed files with 1,678 additions and 711 deletions.
diff --git a/build/server.js b/build/server.js
diff --git a/res/client.js b/res/client.js
diff --git a/res/css/des.css b/res/css/des.css
@@ -423,7 +423,7 @@ header h4 {
     background: var(--background-video);
   }
 
-  .info {
+  .video-info {
     order: 2;
   }
 
@@ -480,6 +480,8 @@ iframe#videoplayer {
 /* Playlist */
 
 #playlist {
+  display: flex;
+  flex-direction: column;
   border-top: .063rem solid;
   border-color: var(--border);
 }
@@ -527,8 +529,25 @@ iframe#videoplayer {
   flex-grow: 1;
 }
 
-#mediaurl {
+.mediaurl-wrap {
+  display: flex;
   flex-grow: 2;
+  position: relative;
+}
+
+#mediaurl {
+  display: flex;
+  flex: 1;
+  padding-right: 2rem;
+}
+
+#mediaurl-upload {
+  display: flex;
+  position: absolute;
+  right: 0.1rem;
+  top: 50%;
+  transform: translateY(-50%);
+  background: transparent;
 }
 
 #customembed>*>input,
@@ -682,6 +701,7 @@ footer#footer {
 }
 
 #userlisttoggle {
+  padding: 0;
   overflow: hidden;
   white-space: nowrap;
   text-align: left;

diff --git a/res/index.html b/res/index.html
@@ -20,8 +20,8 @@
     <section id="player">
       <div id="ytapiplayer" class="embed-responsive"></div>
       <!-- Video info -->
-      <div class="info">
-        <header id="header">
+      <div class="info video-info">
+        <header>
           <h2 id="currenttitle">${nothingPlaying}</h2>
         </header>
         <!-- Video controls -->
@@ -44,7 +44,7 @@ <h2 id="currenttitle">${nothingPlaying}</h2>
     <!-- Playlist -->
     <section id="playlist">
       <!-- Playlist info -->
-      <div class="info">
+      <div class="info playlist-info">
         <header>
           <h3>${playlist}</h3>
           <button id="lockplaylist" title="${playlistOpen}">
@@ -88,7 +88,12 @@ <h3>${playlist}</h3>
             <button id="insert_template" title="${addTemplateUrl}">
               <div>&gt;</div>
             </button>
-            <input id="mediaurl" type="text" placeholder="${addVideoFromUrl}">
+            <div class="mediaurl-wrap">
+              <input id="mediaurl" type="text" placeholder="${addVideoFromUrl}">
+              <button id="mediaurl-upload">
+                <ion-icon name="cloud-upload"></ion-icon>
+              </button>
+            </div>
           </div>
           <div id="mediatitleblock" class="display-flex" style="display: none;">
             <input id="mediatitle" type="text" placeholder="${optionalTitle}">