From 3d1a4dd6d6fc45d2ff9bbd1b1f0a3f6a5c3ab796 Mon Sep 17 00:00:00 2001
From: Yiannis Christodoulou <yiannis@web357.com>
Date: Mon, 29 Sep 2025 10:52:44 +0300
Subject: [PATCH] feat: Embed also audio .mp3 files

---
 .../static/js/components/media-actions/MediaShareOptions.jsx  | 2 +-
 frontend/src/static/js/pages/_VideoMediaPage.js               | 2 +-
 frontend/src/static/js/utils/stores/MediaPageStore.js         | 4 +++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/static/js/components/media-actions/MediaShareOptions.jsx b/frontend/src/static/js/components/media-actions/MediaShareOptions.jsx
index 6fb2bf3d..487ae9d7 100644
--- a/frontend/src/static/js/components/media-actions/MediaShareOptions.jsx
+++ b/frontend/src/static/js/components/media-actions/MediaShareOptions.jsx
@@ -17,7 +17,7 @@ function shareOptionsList() {
   while (i < socialMedia.length) {
     switch (socialMedia[i]) {
       case 'embed':
-        if ('video' === MediaPageStore.get('media-data').media_type) {
+        if ('video' === MediaPageStore.get('media-data').media_type || 'audio' === MediaPageStore.get('media-data').media_type) {
           ret[socialMedia[i]] = {};
         }
         break;
diff --git a/frontend/src/static/js/pages/_VideoMediaPage.js b/frontend/src/static/js/pages/_VideoMediaPage.js
index 11f920eb..eed1be70 100644
--- a/frontend/src/static/js/pages/_VideoMediaPage.js
+++ b/frontend/src/static/js/pages/_VideoMediaPage.js
@@ -54,7 +54,7 @@ export class _VideoMediaPage extends Page {
   }
 
   onMediaLoad() {
-    const isVideoMedia = 'video' === MediaPageStore.get('media-type');
+    const isVideoMedia = 'video' === MediaPageStore.get('media-type') || 'audio' === MediaPageStore.get('media-type');
 
     if (isVideoMedia) {
       this.onViewerModeChange = this.onViewerModeChange.bind(this);
diff --git a/frontend/src/static/js/utils/stores/MediaPageStore.js b/frontend/src/static/js/utils/stores/MediaPageStore.js
index abadedf2..1a53782a 100644
--- a/frontend/src/static/js/utils/stores/MediaPageStore.js
+++ b/frontend/src/static/js/utils/stores/MediaPageStore.js
@@ -185,6 +185,8 @@ class MediaPageStore extends EventEmitter {
       switch (this.get('media-type')) {
         case 'video':
         case 'audio':
+          this.emit('loaded_video_data');
+          break;
         case 'image':
           this.emit('loaded_' + this.get('media-type') + '_data');
           break;
@@ -607,7 +609,7 @@ class MediaPageStore extends EventEmitter {
   }
 
   isVideo() {
-    return 'video' === this.get('media-type');
+    return 'video' === this.get('media-type') || 'audio' === this.get('media-type');
   }
 
   onPlaylistCreationCompleted(response) {