daniel-c-harvey
66d800bd26
- 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
50 lines
1.9 KiB
Plaintext
50 lines
1.9 KiB
Plaintext
<MudPaper MaxWidth="1600px" Square="true">
|
|
<MudStack Row AlignItems="AlignItems.Center" Spacing="4" Class="px-4 py-2">
|
|
<MudStack Class="pb-2">
|
|
<MudStack Row AlignItems="AlignItems.Center">
|
|
<MudIconButton Icon="@GetPlayIcon()"
|
|
Color="Color.Primary"
|
|
Size="Size.Large"
|
|
OnClick="@TogglePlayPause"
|
|
Disabled="!IsLoaded"/>
|
|
@if (IsLoaded)
|
|
{
|
|
<MudIconButton Icon="Icons.Material.Filled.Stop"
|
|
Color="Color.Secondary"
|
|
OnClick="@Stop"
|
|
Disabled="!IsLoaded"/>
|
|
}
|
|
</MudStack>
|
|
<MudText Typo="Typo.body2" Class="font-monospace" Style="min-width: 120px">
|
|
@FormatTime(CurrentTime) / @FormatTime(Duration)
|
|
</MudText>
|
|
</MudStack>
|
|
|
|
<MudSlider T="double"
|
|
Min="0"
|
|
Max="@Duration"
|
|
Step="0.1"
|
|
Value="@CurrentTime"
|
|
ValueChanged="@OnSeek"
|
|
Disabled="!IsLoaded"
|
|
Style="flex: 1; margin-right: 8px;"/>
|
|
|
|
<div style="display: flex; align-items: center; width: 140px;">
|
|
<MudIcon Icon="@GetVolumeIcon()" Style="margin-right: 4px;"/>
|
|
<MudSlider T="double"
|
|
Min="0"
|
|
Max="1"
|
|
Step="0.01"
|
|
Value="@Volume"
|
|
ValueChanged="@OnVolumeChange"
|
|
Style="flex: 1;"/>
|
|
</div>
|
|
</MudStack>
|
|
@if (!string.IsNullOrEmpty(ErrorMessage))
|
|
{
|
|
<MudAlert Severity="Severity.Error" ShowCloseIcon="true" CloseIconClicked="ClearError">
|
|
@ErrorMessage
|
|
</MudAlert>
|
|
}
|
|
</MudPaper>
|