Try implementing remtoe control

girlpunk · Jan 6, 2025 · 79b91d0 · 79b91d0
1 parent 6b59d93
commit 79b91d0
Show file tree

Hide file tree

Showing 4 changed files with 48 additions and 12 deletions.
diff --git a/MediaFeeder/MediaFeeder/Components/Pages/Video.razor.cs b/MediaFeeder/MediaFeeder/Components/Pages/Video.razor.cs
@@ -38,7 +38,12 @@ protected override async Task OnParametersSetAsync()
 
         ArgumentNullException.ThrowIfNull(user);
 
-        PlaybackSession ??= SessionManager.NewSession(user);
+        if (PlaybackSession == null)
+        {
+            PlaybackSession = SessionManager.NewSession(user);
+            PlaybackSession.SkipEvent += async () => await InvokeAsync(() => GoNext(false));
+            PlaybackSession.WatchEvent += async () => await InvokeAsync(() => GoNext(true));
+        }
 
         VideoObject = await Context.Videos.SingleAsync(v => v.Id == Id && v.Subscription.UserId == user.Id);
         StateHasChanged();

diff --git a/MediaFeeder/MediaFeeder/Components/SessionInfo.razor b/MediaFeeder/MediaFeeder/Components/SessionInfo.razor
@@ -39,17 +39,20 @@
             </div>
         }
     </ChildContent>
-    @* <ActionTemplate> *@
-    @*     <CardAction> *@
-    @*         <Icon Type="@IconType.Outline.Eye" OnClick="@(() => Watch())"/> *@
-    @*         Mark Watched *@
-    @*     </CardAction> *@
-    @*     <CardAction> *@
-    @*         <Icon Type="@IconType.Outline.Delete" *@
-    @*               OnClick="@(() => Delete())"/> *@
-    @*         Delete Download *@
-    @*     </CardAction> *@
-    @* </ActionTemplate> *@
+    <ActionTemplate>
+        <CardAction>
+            <Icon Type="@IconType.Outline.Pause" OnClick="@() => Session?.PlayPause()"/>
+            Pause
+        </CardAction>
+        <CardAction>
+            <Icon Type="@IconType.Outline.Eye" OnClick="@() => Session?.Watch()"/>
+            Mark Watched
+        </CardAction>
+        <CardAction>
+            <Icon Type="@IconType.Outline.FastForward" OnClick="@() => Session?.Skip()"/>
+            Skip
+        </CardAction>
+    </ActionTemplate>
 </Card>
 
 @code {

diff --git a/MediaFeeder/MediaFeeder/PlaybackManager/PlaybackSession.cs b/MediaFeeder/MediaFeeder/PlaybackManager/PlaybackSession.cs
@@ -16,6 +16,13 @@ public class PlaybackSession : IDisposable
     private float? _rate;
     private float? _loaded;
     public event Action? UpdateEvent;
+    public event Action? PlayPauseEvent;
+    public event Action? WatchEvent;
+    public event Action? SkipEvent;
+
+    public void PlayPause() => PlayPauseEvent?.Invoke();
+    public void Watch() => WatchEvent?.Invoke();
+    public void Skip() => SkipEvent?.Invoke();
 
     internal PlaybackSession(PlaybackSessionManager manager, AuthUser user)
     {

diff --git a/MediaFeeder/MediaFeeder/Providers/Youtube/YouTubeVideoFrame.razor.cs b/MediaFeeder/MediaFeeder/Providers/Youtube/YouTubeVideoFrame.razor.cs
@@ -37,9 +37,30 @@ protected override async Task OnParametersSetAsync()
             _playingVideo = Video.Id;
 
             await _player.InvokeVoidAsync("loadVideoById", Video.VideoId);
+
+            if (PlaybackSession != null)
+                PlaybackSession.PlayPauseEvent += PlayPause;
         }
     }
 
+    private async void PlayPause()
+    {
+        await InvokeAsync(async () =>
+        {
+            ArgumentNullException.ThrowIfNull(_player);
+
+            switch (_state)
+            {
+                case PlayerState.Paused:
+                    await _player.InvokeVoidAsync("playVideo");
+                    break;
+                case PlayerState.Playing:
+                    await _player.InvokeVoidAsync("pauseVideo");
+                    break;
+            }
+        });
+    }
+
     [JSInvokable]
     public async Task OnLibraryLoaded()
     {