daniel/deepdrft
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 13 Wiki Activity

Front End Work

Browse Source 
- Redesign component wiring for audio playback
 - Removed playback logic from the player control and moved it to injectable audio player engine service
 - Chunked/buffered stream loading from Content API passed to Web Audio API playback in 8K blocks
This commit is contained in:
daniel-c-harvey
2025-09-06 13:39:26 -04:00
parent 3766d4e010
commit 66d800bd26
21 changed files with 519 additions and 907 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeepDrftWeb.Client/Pages/TracksView.razor
+12 -11
View File
@@ -9,29 +9,30 @@
@if (ViewModel.Page != null)
{
<div class="tracks-content">
<TracksGallery Tracks="@ViewModel.Page.Items"/>
<TracksGallery Tracks="@ViewModel.Page.Items"
SelectedTrack="_selectedTrack"
SelectedTrackChanged="@PlayTrack"/>
</div>
<div class="tracks-pagination">
<MudContainer Class="d-flex justify-center py-2">
<div class="tracks-footer">
<div class="py-4">
<MudPagination Count="@ViewModel.Page.TotalPages"
Selected="@ViewModel.Page.Page"
SelectedChanged="i => SetPage(i)"
SelectedChanged="@SetPage"
BoundaryCount="2"
MiddleCount="3"/>
</MudContainer>
</div>
<AudioPlayerBar AudioPlaybackEngine="AudioPlaybackEngine" />
</div>
}
else
{
<div class="tracks-content">
<MudSkeleton Height="100%" Class="pa-2 ma-2"/>
<MudSkeleton Height="95%" Class="pa-2 ma-6"/>
</div>
<div class="tracks-pagination">
<MudSkeleton Height="60px"/>
<div class="tracks-footer">
<MudSkeleton Height="60px" Width="240px" Class="justify-center"/>
<MudSkeleton Height="120px" Width="460px"/>
</div>
}
</div>
<AudioPlayerBar AudioUrl=""></AudioPlayerBar>
</div>