From b37ff1af13dfc3bddc8b7625e8aaa188963d326e Mon Sep 17 00:00:00 2001
From: 4gray <4gray@users.noreply.github.com>
Date: Sun, 29 Oct 2023 12:55:41 +0100
Subject: [PATCH] fix: vlc player support

---
 .../video-player/video-player.component.html    | 17 ++++++++++++++++-
 .../video-player/video-player.component.scss    |  7 ++++++-
 src/app/state/effects.ts                        | 10 +++++++++-
 3 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/src/app/player/components/video-player/video-player.component.html b/src/app/player/components/video-player/video-player.component.html
index 997df7de7..965c49074 100644
--- a/src/app/player/components/video-player/video-player.component.html
+++ b/src/app/player/components/video-player/video-player.component.html
@@ -50,7 +50,10 @@
                     [channel]="activeChannel"
                     [showCaptions]="playerSettings.showCaptions"
                 />
-                <div class="mpv-player" *ngIf="playerSettings.player === 'mpv'">
+                <div
+                    class="custom-player"
+                    *ngIf="playerSettings.player === 'mpv'"
+                >
                     <img src="./assets/images/custom-player.png" />
                     <p>
                         The channel is played in a separate window in the MPV
@@ -66,6 +69,18 @@
                         >)
                     </p>
                 </div>
+                <div
+                    class="custom-player"
+                    *ngIf="playerSettings.player === 'vlc'"
+                >
+                    <img src="./assets/images/custom-player.png" />
+                    <p>
+                        The channel is played in a separate window in VLC
+                        player. Please make sure that this player is installed
+                        in your system and the correct path is defined in the
+                        app settings.
+                    </p>
+                </div>
                 <!-- channel overlay -->
                 <app-info-overlay
                     [channel]="activeChannel"
diff --git a/src/app/player/components/video-player/video-player.component.scss b/src/app/player/components/video-player/video-player.component.scss
index ba6e71a73..f0f41314a 100644
--- a/src/app/player/components/video-player/video-player.component.scss
+++ b/src/app/player/components/video-player/video-player.component.scss
@@ -17,6 +17,10 @@
     min-width: 400px;
 }
 
+.custom-player {
+    padding: 20px;
+}
+
 @media only screen and (max-width: 480px) {
     .mat-drawer {
         width: 200px;
@@ -25,11 +29,12 @@
 }
 
 @media (prefers-color-scheme: dark) {
-    .mpv-player {
+    .custom-player {
         display: flex;
         margin-top: 50px;
         flex-direction: column;
         align-items: center;
+        padding: 10px;
 
         img {
             filter: invert(100%);
diff --git a/src/app/state/effects.ts b/src/app/state/effects.ts
index 0f7e28209..2eb0677c3 100644
--- a/src/app/state/effects.ts
+++ b/src/app/state/effects.ts
@@ -129,10 +129,18 @@ export class PlaylistEffects {
                             Object.keys(settings).length > 0 &&
                             settings.player === VideoPlayer.MPV &&
                             channel.radio !== 'true'
-                        )
+                        ) {
                             this.dataService.sendIpcEvent(OPEN_MPV_PLAYER, {
                                 url: channel.url,
                             });
+                        } else if (
+                            settings &&
+                            Object.keys(settings).length > 0 &&
+                            settings.player === VideoPlayer.VLC
+                        )
+                            this.dataService.sendIpcEvent(OPEN_VLC_PLAYER, {
+                                url: channel.url,
+                            });
                     }
                 );