fix: vlc player support

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"

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%);

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,
+                            });
                     }
                 );