Adding audio support #3

wil92 · Jul 4, 2019 · 4555084 · 4555084
1 parent c586bfb
commit 4555084
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 6 deletions.
diff --git a/public/styles/media.css b/public/styles/media.css
@@ -21,10 +21,14 @@
     height: 90vh;
 }
 
-.page video:focus{
+.page video:focus, .page audio:focus{
     outline: none;
 }
 
+.page audio {
+    width: 100%;
+}
+
 @media only screen and (max-device-width: 824px) {
     .page {
         font-size: 30px;

diff --git a/routes/views.js b/routes/views.js
@@ -29,9 +29,17 @@ router.get('/video/:dir_id/', (req, res) => {
         }
         return array;
     }, []);
+
+    const fileUrl = '/api/media/' + req.params['dir_id'] + '/?subdir=' + subdir;
+    const mimeType = mime.lookup(fileUrl);
+    if(mimeType.includes("video"))
+        mediaType = 'video';
+    else if(mimeType.includes("audio"))
+        mediaType = 'audio';
 
     res.render('media', {
-        videoUrl: '/api/media/' + req.params['dir_id'] + '/?subdir=' + subdir,
+        Url: fileUrl,
+        type: mediaType,
         subtitles,
         title: path.basename(subdir)
     });
@@ -59,7 +67,7 @@ router.get('/:dir_id/', (req, res) => {
     const files = dirs.reduce((array, filePath) => {
         try {
             const mimeType = mime.lookup(filePath);
-            if (fs.statSync(filePath).isFile() && mimeType && mimeType.includes("video")) {
+            if (fs.statSync(filePath).isFile() && mimeType && (mimeType.includes("video") || mimeType.includes("audio"))) {
                 array.push({
                     url: '/media/video/' + req.params['dir_id'] + '?subdir=' + path.join(subdir, path.basename(filePath)),
                     name: path.basename(filePath)

diff --git a/views/media.pug b/views/media.pug
@@ -7,6 +7,10 @@ block styles
 block content
   div(class='page')
     h1= title
-    video(controls src=videoUrl)
-      each subtitle in subtitles
-        track(src=subtitle.url label=subtitle.label)
+    if type == 'video'
+      video(controls src=Url)
+        each subtitle in subtitles
+          track(src=subtitle.url label=subtitle.label)
+    else 
+      audio(controls src=Url)
+